Bootstrap指令集合

table

.container .container-fluid
.table-responsive  响应式布局
.text-left .text-justify 两端对齐
.list-unstyled 无符号 
.list-inline  行内块
,table 表格  无边框 少量padding 
.table-striped  隔行变色表格
.table-bordered 待边框的
,table-hover  悬停变色

.table-condensed  窄间距

table 背景色

只能加在tr 或者td 上

.active 当前样式
.success
.info
.warning

.danger

form 表单

.form-group 表单组样式
.form-control 表单元素样式
.form-horizontal 水平排列(用于form )
placeholder 提示信息
.form-inline 内联 一行表示
.sr-only 隐藏元素
.help-block 帮助信息
.checkbox 复选框 /*每个选项用label标签包起来 .checkbox-inline 一行显示 放在label 中*/

.radio 单选框   /*每个选项用label标签包起来 .radio-inline   一行显示 放在label 中*/

Button 

.btn 全局按钮
.btn-default、.btn-primary、.btn-success、.btn-info、btn-warning、btn-danger、btn-link 预设的按钮样式
.active 按钮激活状态
.disabled 按钮禁用状态
.btn-lg、.btn-sm、btn-xs      大、小、很小
.btn-block 拉伸至整个父元素
.well

.collapse

栅格

row 一行十二列
col-xs-* 手机
col-sm-* 平板
col-md-* 中等显示器
col-lg-* 大型显示器

col-md-offset-* 向右偏移多少列

图片

.page-header 标题
img-responsive 图片响应式
img-rounded 圆角图片
img-circle 圆形图片
img-thumbnail 边框圆角图片
center-block 图片居中

辅助样式

.pull-left/.pull-right 左/右浮动
.clearfix 清除浮动(用于父)
.caret 三角符号
背景颜色类 .bg-primary .bg-success .bg-info .bg-warning .bg-danger

文本颜色类 .text-muted(柔和的) .text-primary .text-success .text-info .text-warning .text-danger 

下拉菜单

.dropdown 下拉菜单
.data-toggle 下拉菜单触发器
.dropdown-menu 下拉目录(用于ul)
.divider 分割线
.dropup 向上拉
.disabled 禁用菜单项

.dorpdown-menu-left/right 下拉菜单左/右对齐

按钮组和输入组

.btn-group 按钮组(父)
.btn-toolbar 按钮组工具栏
.btn-group-lg/sm/xs 大/小/非常小
.btn-group-vertical 垂直排列
.input-group 输入框组(父)
.input-group-addon 额外元素(用于span)
.input-group-lg/sm 大/小

.input-group-btn 额外元素按钮(用于button的父)

选项卡&路径&缩略图

.nav 选项卡(父-ul   包li&a)
.nav-pills 胶囊型选项卡
.active 激活状态(当前界面)
.nav-tabs 选项型
data-toggle=“tab”属性对应内容
.tab-content  (对应选项卡)
.tab-pane 选项卡内容标签
.nav-stacked 垂直方向选项卡
.breadcrumb 路径导航(ul   包li-a)
.thumbnail 缩略图

.caption 小标题

分页

.pagination 分页(用于ul)
«/» 上/下一页
.active/disabled

.pager 实现翻页?

导航条

.navbar 导航栏基类(nav)
.navbar-default 默认样式(nav)
.navbar-header 头部样式
.navbar-brand 品牌图标样式
.collapse 折叠导航栏样式基类
.navbar-collapse 折叠导航栏样式
.nav 导航栏链接基类
.navbar-nav 导航栏链接样式
.navbar-form 导航栏表单
.navbar-left/right 组件左/右对齐
.navbar-btn 按钮垂直对齐(不再form的botton)
.navbar-text 对普通文字修饰
用于
.navbar-fixed-top 固定为顶部(body设置padding-top:70px)
.navbar-fixed-bottom 固定在底部
(body设置padding-bottom:70px)
.navbar-static-top 导航栏静止于顶部

.navbar-inverse 导航栏反色 

轮播

data-ride="carousel"
  • 模态框

    .modal 模态框声明(div嵌套)
    .show 用于测试使其显示
    .modal-dialog 窗口声明(div嵌套)
    .modal-content 内容声明(div嵌套)
    .modal-header/body/footer 头/内容/尾
    .modal-lg/md/sm/xm   大/中/ 小/超小
    .fade     淡入淡出效果(放在基类后面)

    杂项

    .lead 突出显示(用于p)
    .blockquote-reverse = .pull-right
    .glyphicon 符号
    .badge 标签(用于链接或按钮)
    .alert 警告框
    .close 关闭 
    .progress 进度条基类
    .progress-bar      进度条(width值表进度)
    .embed-responsive 响应式嵌入组键(