Bootstrap,多于12个col,如何实现

Question

Answer 1

从某个col块里再划4个col块出来试试。

Answer 2

嵌套啊。。。。。。。。。。。。。。

Answer 3

<div class="row">
    <div class="col-xs-4">
        <div class="row">
            <div class="col-xs-4"></div>
            <div class="col-xs-4"></div>
            <div class="col-xs-4"></div>
        </div>
    </div>
    <div class="col-xs-4">
        <div class="row">
            <div class="col-xs-4"></div>
            <div class="col-xs-4"></div>
            <div class="col-xs-4"></div>
        </div>
    </div>
    <div class="col-xs-4">
        <div class="row">
            <div class="col-xs-4"></div>
            <div class="col-xs-4"></div>
            <div class="col-xs-4"></div>
        </div>
    </div>
</div>

Answer 4

直接更改栅格系统的默认的列数不是一个科学的做法。
本身在栅格中.row中可以嵌套.col,.col中可以继续嵌套。这是因为.row也承担了最外部container的作用。

参考这篇栅格系统的说明bootstrap栅格系统的设计。

另外，合理的使用Offsets,Nested Columns/Rows,push/pull也许是更好的解决办法

以上