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

它都会产生相同的输出。我什么时候需要使用行？它只是“丑陋”或出于任何原因错误且不推荐？

标签： twitter-bootstraptwitter-bootstrap-3bootstrap-4twitter-bootstrap-2

Answer 1

你只需要列row周围的 div col-6。其他项目（例如 h1）都将全宽（如果它们在rowdiv 之外），因此不需要col-md-12div。

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