网格

网格选项

.col-xs- ： 超小设备手机（<768px）
.col-sm- ： 小型设备平板电脑（≥768px）
.col-md- ： 中型设备台式电脑（≥992px）
.col-lg- ： 大型设备台式电脑（≥1200px）

wangge.png

基本的网格结构

<div class="container">
   <div class="row">
      <div class="col-*-*"></div>
      <div class="col-*-*"></div>      
   </div>
   <div class="row">...</div>
</div>
<div class="container">

偏移列

.col-md-offset-* ： 把一个列的左外边距（margin）增加 * 列，其中 * 范围是从 1 到 11

**响应式的列重置 ** ： .clearfix

嵌套列

为了在内容中嵌套默认的网格，请添加一个新的 .row，并在一个已有的 .col-md-* 列内添加一组 .col-md-* 列。被嵌套的行应包含一组列，这组列个数不能超过12（其实，没有要求你必须占满12列）。

列排序

Bootstrap 网格系统另一个完美的特性，就是您可以很容易地以一种顺序编写列，然后以另一种顺序显示列。
您可以很轻易地改变带有 .col-md-push-* 和 .col-md-pull-* 类的内置网格列的顺序，其中 * 范围是从 1 到 11。