BootStrap栅格系统

1.   
    

2.栅格系统参数

四种屏幕，超小屏幕<768px,小屏幕>=768,中等屏幕>=992，大屏幕>=1200,列数都是12，均可嵌套

3.    

        

a

        

a

        

a

        

a

        

a

        

a

        

a

        

a

        

a

        

a

        

a

        

a

    

-->

lg是当屏幕大于1200时，每列显示三个，每行就是12除以3，四列

md是屏幕大于992时,每列显示四个，12除以4，三列，以此类推，768和小于768的分别时每列六个，两列

 

4.

    

        

8

        

3

    

列偏移，每行十二列，第一个div占八列，第二个div三列，还差一个，让第二个div朝右偏移一列

    

        

            

4

            

4

            

4

        

        

3

    

第一个div中嵌套，里面也是十二列，上面加上样式padding:0,没有边距。

    

        

9

        

3

    

第一个div朝右边移三个位置

第二个div朝左边移9个位置，实现位置交换。