将md以上尺寸窗口宽度分为12份,md一下尺寸的窗口将竖直堆叠排列
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
将md以上尺寸的窗口宽度进行2等分,md一下尺寸的窗口将竖直堆叠排列
将md以上尺寸的窗口宽度进行2:1等分,md一下尺寸的窗口将竖直堆叠排列
将xs以上尺寸的窗口宽度进行6等分,xs为最小等级
.col-xs-2
.col-xs-2
.col-xs-2
.col-xs-2
.col-xs-2
.col-xs-2
在md及以上尺寸窗口中进行4等分,在md以下尺寸sm以上尺寸窗口进行2等分布局,在sm以下储存窗口进行竖直堆叠布局
.col-md-3 .col-sm-6
.col-md-3 .col-sm-6
.col-md-3 .col-sm-6
.col-md-3 .col-sm-6
列高度不均等造成的布局错乱
.col-md-4 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
.col-md-4
.col-md-4
解决列高度不均等造成的布局错乱
.col-md-4 内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
.col-md-4
.col-md-4
进行列偏移操作
将占1/3行的一列向右便宜1/3行 使其固定在中间
.col-md-4 .col-md-offset-4
.col-md-2
.col-md-2 .col-md-offset-8
进行列的嵌套
进行列的移动
.col-md-8 向右移动8格
.col-md-2 向左移动2格