Bootstrap网格布局良好做法

Question

我对我的网页部分网格有疑问，如果我的邻近有多个xx-12列，而我的问题不是关于对齐或断点，但有什么更好的做法？行和cols的亲子关系..

<div class="col-xx-12"> 
<div class="row"> 
<div class="col-xx-12">something</div> 
<div class="col-xx-12">something</div> 
<div class="col-xx-12">something</div> 
</div> 
</div> 

或

<div class="col-xx-12"> 
<div class="row"> 
<div class="col-xx-12">something</div> 
</div> 
<div class="row> 
<div class="col-xx-12">something</div> 
</div> 
<div class="row> 
<div class="col-xx-12">something</div> 
</div> 
</div> 
</div> 

Answer 1

首先是实践中更好的选择，因为在这个你不必重复你的代码的几个部分时间，如： *开始class =“row”。

<div class="row"> 
 
      <div class="col-xx-12">something</div> 
 
      <div class="col-xx-12">something</div> 
 
      <div class="col-xx-12">something</div> 
 
</div>

Answer 2

第二是良好的电网实践中，根据我&如果你使用第二个类型，那么你不需要定义

<div class='col-xx-12'>每次

您可以直接使用如下，例如

<div class='col-xx-4'></div> 
<div class='col-xx-4'></div> 
<div class='col-xx-4'></div>