Bootstrap栅格实例:超出的列(column)将另起一行排列

在Bootstrap中如果在一个 .row 内包含的列(column)大于12个,包含多余列(column)的元素将作为一个整体单元被另起一行排列。示例代码如下:

<div class="row">
<div class="col-xs-9">.col-xs-9</div>
<div class="col-xs-4">.col-xs-4<br>Since 9 + 4 = 13 &gt; 12, this 4-column-wide div gets wrapped onto a new line as one contiguous unit.</div>
<div class="col-xs-6">.col-xs-6<br>Subsequent columns continue along the new line.</div>
</div>

代码效果如下所示:

.col-xs-9
.col-xs-4
Since 9 + 4 = 13 > 12, this 4-column-wide div gets wrapped onto a new line as one contiguous unit.
.col-xs-6
Subsequent columns continue along the new line.

猜你喜欢
大昭寺和小昭寺的区别 关于大昭寺和小昭寺的区别
rnw洗面奶正确使用方法 rnw洗面奶的使用方法
花生油保质期多长 花生油的保质期多长
农场生菜种植方法 农场生菜种植方法图片
水果到底是餐前吃还是餐后吃 水果吃在饭前还是餐后
非单人脸特征相片是什么意思
宝宝取名大气好听有内涵的名字 孩子起名字大气寓意好的名字
来洛公考考生年票办理点及联系方式
折耳根是不是发物 折耳根是不是发物的东西

很赞哦! ()