为了使用内置的栅格系统将内容再次嵌套,可以通过添加一个新的 .row 元素和一系列 .col-sm-* 元素到已经存在的 .col-sm-* 元素内。被嵌套的行(row)所包含的列(column)的个数不能超过12(其实,没有要求你必须占满12列)。
<div class="row"> <div class="col-sm-9"> Level 1: .col-sm-9 <div class="row"> <div class="col-xs-8 col-sm-6"> Level 2: .col-xs-8 .col-sm-6 </div> <div class="col-xs-4 col-sm-6"> Level 2: .col-xs-4 .col-sm-6 </div> </div> </div> </div>
演示效果如下:
Level 1: .col-sm-9
Level 2: .col-xs-8 .col-sm-6
Level 2: .col-xs-4 .col-sm-6
猜你喜欢 基围虾腹部的黑线是什么 虾腹部的黑线是啥 梦见家里灯坏了什么意思 梦见自己家里的灯坏了 路面洒水除冰的方法 路面洒水除冰的方法有哪些 2022桂林罗山湖水上乐园电音节门票价格 米饭夹生可以重新蒸吗 米饭有点夹生是要多蒸一会吗 酒后烧心怎么办快速缓解 酒后烧心怎么办快速缓解一下