bootstrap列数大于12的解决办法

废话不说，直接干货。

方法一：

直接更改栅格系统的默认的列数。但是不建议使用。

方法二：

在栅格中.row中可以嵌套.col,.col中可以继续嵌套。原因： .row也承担了最外部container的作用。推荐使用。

tips：push pull offset 等也会对布局有很大帮助

案例：

面试题：bootstrap一行中实现 6:7 布局。

      

代码：

<div class="container">
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-md-6"></div>
<div class="col-md-6">6
</div>
</div>
</div>

<div class="col-md-6">
<div class="row">
<div class="col-md-7 ">7
</div>
<div class="col-md-5 ">
</div>
</div>
</div>
</div>
</div>