如果超过12列自动换行到新行，我们是否真的需要关闭它？

Question

我一直在使用Bootstrap一段时间（特别是版本3），并且已经注意到我仍然不确定是否应该总是关闭具有每12列之后分配给它的.row类的列或者我可以等待并在我的代码末尾应用关闭.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--> 

Answer 1

...好吧，它实际上取决于设计 - 我使用两种情况取决于情况。

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

但是，如果cols具有不同的高度，则不关闭该行可能会得到不同的结果。

编辑：...这是因为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> 

http://jsfiddle.net/b2rkgd5w/1/

关闭排： http://jsfiddle.net/1krj49pm/2/

除了关闭行元素休息的代码是完全一样的。