栅格

栅格选项参数

• 行（row）必须放到 container 布局容器中
• 平均划分需要添加类前缀
• xs-extra small：超小；sm-small：小；md-medium：中等；lg-large：大；
• 列（column）大于 12，多余的列所在元素将被作为一个整体另起一行
• 每一列默认有 15 像素左右的 padding 内边距
• 可以同时为一列指定多个设备名，以便划分不同的份数，例如：class:"col-md-4 col-sm-6"

列偏移

使用 .col-md-offset-* 类可以向右侧偏移。原理则是通过 * 选择器为元素适当添加了 margin-left 左外边距

<div class="container">
    <div class="row">
        <div class="col-md-4">1</div>
        <div class="col-md-4 col-md-offset-4">2</div>
    </div>
</div>

列排序

使用 col-md-push-* 和 com-md-pull-* 类可以很容易做到更改列的顺序

<div class="container">
    <div class="row">
        <div class="col-md-4 col-md-push-4">1</div>
        <div class="col-md-4 col-md-pull-4">2</div>
    </div>
</div>

响应式工具

针对不同的设备显示或隐藏内容

与之相反，hidden 改成 visible 是显示内容