Twitter bootstrap 3 如果超过12列自动换行，我们真的需要关闭它吗？

我已经使用Bootstrap有一段时间了（特别是版本3）并且我注意到，我仍然不确定是否应该总是在每12列之后使用分配给它的.row类来关闭列，或者我可以等待并在代码末尾应用该closing.row，只要我理解，任何一行中加起来超过12列的列都将自动换行转到新行。后一个选项的好处是，代码更少，忘记为每个12列行添加结束div标记的可能性也更小

换句话说，这样做更好吗

<div class="row">
  <div class="col-md-8">
   <p>some content here</p>
  </div>
  <div class="col-md-4">
   <p>some content here too</p>
  </div>
</div><!--/.row-->

<div class="row">
  <div class="col-md-6">
   <p>some content here</p>
  </div>
  <div class="col-md-6">
   <p>some content here too</p>
  </div>
</div><!--/.row-->

这里有一些内容

这里也有一些内容

这里有一些内容

这里也有一些内容

或者，这种方法更有效吗

 <div class="row">
  <div class="col-md-8">
    <p>some content here</p>
  </div><!--/.col-md-8-->

  <div class="col-md-4">
    <p>some more content here</p>
  </div><!--/.col-md-4-->

 <div class="col-md-6">
   <p>some content here</p>
  </div>

  <div class="col-md-6">
   <p>some content here too</p>
  </div>
</div><!--/one .row div to close them all-->

这里有一些内容

这里有更多的内容

这里有一些内容

这里也有一些内容

…好吧，这实际上取决于设计-我根据具体情况使用这两种方法

区别在于元素的高度。如果第一行中的两列具有不同的高度，则关闭该行基本上意味着两个底部列将从相同的顶部位置开始对齐

但是，如果列具有不同的高度，不关闭行可能会产生不同的结果

编辑：…这是因为float在cols元素上的工作方式。关闭一行将清除浮动

edit2：以下是两种情况的示例：

未关闭行：

<div class="row">
  <div class="col-">
    content
  </div>
  <div class="col-">
    content
  </div>
  <div class="col-">
    content
  </div>
  <div class="col-">
    content
  </div>
</div>

内容
内容
内容
内容

结束行：

---

除了关闭行元素外，其余代码完全相同。

我相信a也可以用于在不启动另一行的情况下清除浮动。这不是问题所在，但您的回答意味着BS文档（如问题中引用的）是错误的…：“如果在一行中放置超过12列，则每组额外列将作为一个单元换行。“@olefank，仔细阅读问题。行不会将其内容限制为12列，但是关闭行也会清除其内容的浮动。检查我发布的提琴以查看差异-因为内容呈现方式不同。