bootstrap 2 栅格系统

首先需要容器：container
后生成行：row
在行里生成列：col-xs-x(<=768), col-md-x(>=768);
                         col-lg-x(>=992),col-sm-x(>=1200)
每row 中 ”x"之和不可大于12
整个容器元素是按照文档流排列的

示例：
.container>.row>(col-md-4.blue{四列})+(col-md-8.blue{八列})

<div class="container">
  <div class="row">
   <div class="col-md-4 blue">四列</div>
   <div class="col-md-8 blue">八列</div>
  </div>
 </div>

Css中我添加了一个.blue

随屏幕尺寸大小排列；
    push(推),pull(拉)操作,offset(偏移)：
.container>.row>(.col-md-4.col-md-push-8.blue{四列变八列})+(.col-md-8.col-pull-4.blue{八列变四列})
offset是向右偏移(用法与push，pull相同)

至于栅格的嵌套：“>" 跟以上相似：
.container>.row>.col-md-12.blue>(.col-md-3.blue)+(.col-md-4.blue)+(.col-md-5.blue)
栅格中的padding:0;
栅格中：col-sx-,col-sm,col-md,col-lg,其本质是相同的，只是其初始大小不同。