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