组件
1.导航条
设置给包裹元素nav
.navbar
.navbar-default
.navbar-inverse 反色
.navbar-static-top 静止在顶部(方角)
.navbar-fixed-top 固定在顶部
.navbar-fixed-bottom 固定在底部
导航条内部分为两部分:
.navbar-header
.nabar-collapse
设置给导航里面
.navbar-btn 导航的按钮
.navbar-form 导航的表单
.navbar-text 导航条里面的文本
.navbar-left 左浮动
.navbar-right 右浮动
.navbar-brand 品牌图标
.navbar-nav 导航
因为导航条添加了.navbar-fixed-top 固定在顶部。属性,就相当于固定定位,所以要设置一个body的内边距,可以把导航条的高度让出来,让padding-top等于导航条的高度
2.下拉菜单
包裹元素:
.dropdown/.dropup
里面:
.dropdown-toggle 按钮
.dropdown-menu 子菜单
3.输入框组
4.巨幕
5.路径导航(面包屑导航)
6.缩略图
1.设置一个row包裹,然后设置每个col-md即可。
2.可以加一个最小高度来控制它。
7.分页
8.进度条
.progress-bar-success 进度条的颜色
.progress-bar-striped 进度条的条纹
.active 动态的进度条
style="width: 40%; 设置滚动条里面的进度是百分之多少
<span class="sr-only">40% Complete</span> 用于无障碍阅读
9.列表组
列表组里面可以写一个超链接,超链接后面可以写标签
10.标签
11.徽章
12.媒体对象