Twitter bootstrap 引导-使用行时

我可以

<div class="row">
<div class="col-md-12"><h1>Title</h1></div>
</div>

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

<div class="row">
<div class="col-md-12">content</div>
</div>

<div class="row">
<div class="col-md-12"><p>Some Text</p></div>
</div>

...

标题
内容
内容
内容
一些文本

...

或

标题
内容
内容
内容
一些文本

---

这两者都会产生相同的输出。何时需要使用行？它只是“丑陋”或出于任何原因错误，不推荐使用？

您只需要在

列6

周围添加

行

div。其他项目（如h1）将全部全宽（如果它们在

行

div之外），因此不需要

col-md-12

div

<h1>Title</h1>
<div class="row">
  <div class="col-md-6">content</div>
  <div class="col-md-6">content</div>
</div>
<div>content</div>
<p>Some Text</p>

标题
内容
内容
内容
一些文本

两者显示的输出不相同：如果您可以在第二个输出中看到内容的负边距。如：

中所述，行是列的包装。每列都有水平填充（称为边沟），用于控制它们之间的空间。然后在具有负边距的行上抵消此填充。这样，列中的所有内容都会从左侧向下对齐。

请参见，但我可以将多个列堆叠在一行中，还是每次总和为12时都需要打开一行。因为它也可以堆叠，比如说4列md-12，它们显示在彼此的下面，就像应该的那样…好的，谢谢。这与@Manoj提供的注释和bootply链接相结合是有意义的。

<h1>Title</h1>
<div class="row">
  <div class="col-md-6">content</div>
  <div class="col-md-6">content</div>
</div>
<div>content</div>
<p>Some Text</p>