Bootstrap Grid布局良好实践[重复]答案

【问题标题】：Bootstrap Grid layout good practice [duplicate]Bootstrap Grid布局良好实践[重复]
【发布时间】：2016-11-23 11:06:07
【问题描述】：

我有一个关于页面部分网格的问题，如果我有多个 xx-12 列在附近，我的问题不是关于对齐或断点，而是关于子父关系的情况下，有什么更好的做法行数和列数..

<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>

【问题讨论】：

标签： html twitter-bootstrap grid-layout

【解决方案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>

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：

全部都是 col-xx-12..