twitter-bootstrap - Bootstrap 全宽列

Question

这个问题我有一段时间了，但我找不到合理的答案。

Bootstrap 声明如下:
内容应该放在列中，并且只有列可以是行的直接子级。

但是当我有一排并且需要在下面放置一个全宽的 div 时，我该怎么办？我应该放一个col-xs-12吗？例如

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

h1 是全宽的。

根据 Bootstrap 这样做是不正确的，那我该怎么做呢？我应该将 h1 放在列中吗？

Answer 1

一行是一组水平的列，所以 h1元素属于行上方:

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

或者在使用单个全宽列的自己的行中，但这不是必需的:

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