BootStrap -- API学习（四）

******************************第四章 网格系统*****************************
网格容器:container  和   row
    <div class="container">
        <div class="row">
            
        </div>
    </div>

网格数量:
    网格一行最多有12个列，分为4个级别(xs sm md lg),当然数量是可以调的。
    默认情况下列与列之间的间距是15px

列组合：col-md-n (n = 1~12)
    网格一行有12列，超过12之后另起一行
    
列偏移：col-md-offset-n (n = 1~12)
    网格一行默认是12,如果超过12则便换行(包括偏移格数)

列排序：col-md-push-n  col-md-pull-n (n = 1~12)
    push:向右移动
    pull:向左移动
    
列嵌套: 在一列中可以嵌套一个或者多个行（原则还是一行不能超过12列）
    <div class="container">
      <div class="row">
        <div class="col-md-8">
          <div class="row">
            <div class="col-md-6">col-md-6</div>
            <div class="col-md-6">col-md-6</div>
          </div>
        </div>
        <div class="col-md-4">col-md-4</div>
        </div>
      </div>
    </div>