我可以使用一行标记来形成多行吗？

Question

这是否有效？我之前已经做过并给出了预期的结果，但我不知道它是否有效或者是否存在否定的结果。

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

Answer 1

Bootstrap处理带有边距的柱槽，然后处理.row上的负边距。通常，您可以根据需要在一行中放置尽可能多的列，但最好按照每行12列的规则进行操作。

从技术上讲，你的方式并没有什么“无效”，但将它们分成几行会更清晰（恕我直言）：

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

Answer 2

似乎可以接受，尽管不鼓励，甚至Bootstrap documentation注意到它：

  

如果在一行中放置了超过12列，则每组都有   额外的列将作为一个单元包裹到一个新行上。