栅格网格系统-列组合、列偏移、列排列、列嵌套

1.列组合 （col-md-所占份额大小【1-12】）

        列总和不能大于12，大于12换在下一行。不大于12 在一行显示。

 <div class="col-md-4" style="background-color:rebeccapurple">4</div>

一共12等份，占4等份

2.列偏移（col-md-offse-要偏移的大小【1-12】）

        列于列之间有间隙，使用列偏移。

  <div class="col-md-offset-4" style="background-color:rebeccapurple">4</div>      

        偏移4等份后显示，不足的换下一行，从下一行开始偏移4等份

3.列排序（col-md-push（向右）\pull(向左)-移动大小[1-12]）

 <div class="col-md-push(\pull)-4" style="background-color:rebeccapurple">4</div>      

        向右边\左边移动4等份后显示，若移动到的位置上有东西，则被原位置上的覆盖（代码自上而下执行） 

4.列嵌套(在一列中添加row，在其内部划分列依旧是12等份)

<div class="row">

    <div class="col-md-6" style="background-color:red">

        <div class="row">

            <div class="col-md-1" style="background-color:green">4<div>

            <div class="col-md-1" style="background-color:pink">5<div>

            <div class="col-md-9" style="background-color:black">3<div>

        </div>

    </div>

    <div class="col-md-6" style="background-color:rebeccapurple">4</div>    

   

</div>