Bootstrap 3 - 行我可以有列加起来多于12？

Question

我想知道如果我的嵌套行可以加起来多于12？这样工作是错误的吗？

我试过了，它似乎对我很好，但我想确保我正确地做到这一点。

举个例子，我可以有这个吗？

<div class="col-md-10"> 
<div class="container"> 
    <div class="row"> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    </div> 
</div> 
</div> 

Answer 1

是的，它的确定有更多的12列在row这只会让额外的列换到下一行。所以，你的榜样，你就会有2排4

http://bootply.com/91392

从引导文档（http://getbootstrap.com/css/#grid）..

“如果超过12列放置在一行中中，每个组的 额外的列会，作为一个单元，换到一个新行”

另外，这里是一些例子，显示了在使用SINGL超过12柱（col-*） e row：http://getbootstrap.com/css/#grid-example-mixed

只要知道responsive resets如果列的高度不同。 了解更多关于when to use Bootstrap row

---

相关的问题：如果你想这样做，这样，然后你必须设置列的高度内
Bootstrap what will happen if I put more than 12 columns in a row?
Bootstrap 3 - More than 12 columns in a row
Where to place bootstrap row class

Answer 2

，因为如果您的列具有不同的高度，那么超过12列网格的列将破坏布局。

这是我通过经验找到的。因此，我建议你在行中永远不要超过12列。所以你的情况我想应该是这样的：

<div class="col-md-10"> 
<div class="container"> 
    <div class="row"> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    </div> 
    <div class="row"> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    <div class="col-md-3"> ... </div> 
    </div> 
</div> 
</div>