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.

猜你喜欢
新京是哪里的旧称 新京现在叫什么名字
老人为什么容易崴脚 老人为什么容易崴脚出血
最新非主流个性网名 非主流个性网名霸气
cdr格式的文件怎么打开 CDR格式怎么打开
2022山东文旅消费券在哪里领 山东文化和旅游惠民消费券
泡大蒜的制作方法窍门 泡大蒜怎么制作
软籽石榴冷库储存多少温度 剥好的石榴怎么保存
煎牛排需要什么材料 煎牛排需要什么材料?怎么煎才好吃?
米饭炒韭菜如何做 韭菜炒小米饭的做法
番茄牛腩面条怎么做才好吃 番茄牛腩面条的做法

很赞哦! ()