Bootstrap 4布局第一列vs列第一列？

Bootstrap 4中的大多数网格布局示例都将列放入行中。将行放入列中是否是错误的？像这样，Bootstrap 4布局第一列vs列第一列？

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

来源

2017-08-04 bootstrapman

所以，因为它是有效的，有列内的行，反之亦然，有什么更好的方法，即先思考列或思维排列时你的网格？ – bootstrapman

是的，除了内容必须在'col'内，而不是直接在'row'内。 – ZimSystem

是的，使用嵌套列/行是完全有效的。请确保始终在一行中使用一列。否则你会得到意想不到的布局。

<div class="col"> 
    <div class="row"> 
    <div class="col"> 
     <div class="row"> 
     <div class="col"> 
      <div class="row"> 
      <div class="col"> 
      <!-- Your content goes here --> 
      </div> 
      </div> 
     </div> 
     </div> 
    </div> 
    </div> 
</div>

来源

2017-08-04 13:10:24 Aer0

这是一个非常有效的方法。考虑下面的示例：

<div class="row"> 
    <div class="col-6"> 
    <div class="row"> 
     <div class="col-6"></div> 
     <div class="col-6"></div> 
    </div> 
    </div> 
    <div class="col-6"> 
    <div class="row"> 
     <div class="col-3"></div> 
     <div class="col-3"></div> 
     <div class="col-3"></div> 
     <div class="col-3"></div> 
    </div> 
    </div> 
</div>

来源

2017-08-04 13:11:41 Denialos

[x] -col- [y]类是基于宽度的所有百分比。与嵌套坚果！只要确保你把它们包装在一个行div其他你会得到一些时髦的利润

来源

2017-08-04 13:11:54 Scoots

Bootstrap 4布局第一列vs列第一列？

回答

相关问题