twitter-bootstrap - 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为全宽。

根据引导程序，这样做是不正确的，那么我应该怎么做呢？是否应将h1放在列中？

最佳答案

行是单个水平列列，因此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>

关于twitter-bootstrap - bootstrap 全宽列，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27063641/