Bootstrap 网格布局的好习惯

Question

我有一个关于我页面部分网格的问题，如果我有多个 xx-12 列在附近，我的问题不是关于对齐或断点，而是关于 child-parent 行列关系..

<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

根据我的说法，第 2 种适合网格练习，如果你使用第 2 种类型，那么你不需要定义

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

你可以像下面这样直接使用，例子

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

Answer 2

首先是更好的练习选择，因为在这种情况下您不必多次重复您的代码部分，例如： * 开始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>

Bootstrap 网格布局的好习惯

Bootstrap Grid layout good practice

html

grid-layout

twitter-bootstrap