网格选项

row :行

col-*-*: 列

  • 第一个*可以为xs[超小]/sm[小型]/md[中型]/lg[大型]
  • 第二个*必须为12以内的[列数]

col-*-offset-* :列偏移

  • 第一个*和上面一样,第二个*范围是111,表示把该列的左外边距(margin)增加*

col-*-*-*:列排序

  • 第一个*和上面一样
  • 第二个*可以为push[向右]/pull[向左]
  • 第三个*范围是111[列数]

排版

  • small:内联子标题
  • lead:引导主体副本

text-*:文本样式

  • *号可以为
    left[左对齐]/center[居中对齐]/right[右对齐]/muted[减弱文本]
    /primary/success/info/warning/danger
    /justify[自动换行]/nowrap[不换行]
    /lowercase[小写]/uppercase[大写]/capitalize[首字母大写]

  • list-inline:列表置于同一行

表格

  • table:基本样式(只有横向分隔线)
  • table-*:表格样式

    • *可以为striped[添加条纹]/bordered[添加边框]/hover[启用悬停]/condensed[更加紧凑]
  • tr/th/td 有

    • active/success/info/warning/danger来改变背景颜色
  • 将任意的table放在table-responsive内,实现响应式表格

bootstrapactive/success/info/warning/danger对应的背景颜色

表单

创建基本表单(垂直表单)的步骤

  • 向父
    元素添加 role="form"
  • 把标签和控件放在一个带有.form-group
    中。这是获取最佳间距所必需的
  • 向所有的文本元素