Bootstrap - 使用行时

Question

我可以

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

...

或

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

两者都会产生相同的输出。我什么时候需要使用行？它只是 "ugly" 或出于任何原因错误而不推荐？

Answer 1

您只需要 row div 围绕 col-6 列。其他项目（例如 h1）将全宽（如果它们在 row 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>