Bootstrap 2柱子里面有容器

Question

我在bootstrap中进行布局，我很难弄清楚如何在一个全宽“行”类中放置一个“容器”类，以便在内容上实现完美对齐。

附上图片以供参考，部分代码。

<div class="container">
    <p>
        Lorem ipsum dolor sit amet.
    </p>
</div>
<div class="row" style="margin: 0;">
    <div class="col-md-6" style="background-color: #ebebeb;">
        <p>
            Lorem ipsum dolor sit amet.
        </p>
    </div>
    <div class="col-md-6" style="background-color: #fafbc6;">
        <p>
            Lorem ipsum dolor sit amet.
        </p>
    </div>
</div>
<div class="container">
    <p>
        Lorem ipsum dolor sit amet.
    </p>
</div>

Answer 1

将bootstap类“容器”放在“container-fluid”类中。

<div class="container-fluid">
<div class="container">
    <p>
        Lorem ipsum dolor sit amet.
    </p>
</div>
<div class="row" style="margin: 0;">
    <div class="col-md-6" style="background-color: #ebebeb;">
        <p>
            Lorem ipsum dolor sit amet.
        </p>
    </div>
    <div class="col-md-6" style="background-color: #fafbc6;">
        <p>
            Lorem ipsum dolor sit amet.
        </p>
    </div>
</div>
<div class="container">
    <p>
        Lorem ipsum dolor sit amet.
    </p>
</div>
</div>