javascript - 我可以在 col-md-8 中使用两个 col-md-6 吗？

Question

我可以在 col-md-8 中使用两个 col-md-6 还是必须使用两个 col-md-4？

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

 </div>

 <div class="col-md-4">
 </div> 
</div>

如果我插入 <div class="row">，我可以将 col-md-8 视为 col-md-12 吗？在 col-md-8 里面？

我试过了，它为我提供了所需的结果，但是是否合适？

Answer 1

根据 Bootstrap documentation :

To nest your content with the default grid, add a new .row and set of.col-sm-* columns within an existing .col-sm-* column. Nested rowsshould include a set of columns that add up to 12 or fewer (it is notrequired that you use all 12 available columns).

所以，是的，你可以。