BootStrap[第八章:输入框和导航组件]

一.输入框组件

文本输入框就是可以在元素前后加上文字或按钮,可以实现对表单控件的扩展。

//在左侧添加文字
@
在左侧添加文字
//在右侧添加文字
@163.com
//在两侧添加文字
$ .00
//设置尺寸,另外三种分别是默认、xs、sm
//左侧使用复选框和单选框
//左侧使用按钮
//左侧使用下拉菜单或分列式
使用下拉菜单和分列式

二.导航组件

Bootstrap 提供了一组导航组件,用于实现 Web 页面的栏目操作。

//基本导航标签页
    

//胶囊式导航
基本导航标签页

带下拉菜单的导航

三.导航条组件

导航条是网站中作为导航页头的响应式基础组件。


//反色调导航

//基本导航条,包含标题和列表
    
//导航条中使用表单


//导航中使用按钮

//导航中使用对齐方式,left 和 right

//导航中使用一段文本

//非导航链接,一般需要置入文本区域内
非导航链接
//将导航固定在顶部,下面的内容会自动上移
导航条

导航条中使用表单

你可能感兴趣的:(BootStrap[第八章:输入框和导航组件])