Bootstrap-栅格布局的使用

栅格布局
        1）四种栅格布局
            a.手机端
                .col-xs-* （屏宽768px以下）
            b.平板电脑端
                .col-sm-* （屏宽768px-992px之间）版心最大宽度750px
            c.中型PC端
                .col-md-* （屏宽992px-1200px之间）版心最大宽度970px
            d.大型PC端
                .col-lg-* （屏宽1200px以上）版心最大宽度1170px
    

列偏移
            .col-xs-offset-*
            .col-sm-offset-*
            .col-md-offset-*
            .col-lg-offset-*

列排序
            .col-xs-push-* .col-xs-pull-*
            .col-sm-push-* .col-sm-pull-*
            .col-md-push-* .col-md-pull-*
            .col-lg-push-* .col-lg-pull-*
.图片响应式
                .img-responsive

隐藏响应式
                .hidden-xs
                .hidden-sm
                .hidden-md
                .hidden-lg