html - Bootstrap 2 Column，里面有容器

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

将 Bootstrap 类“container”放在“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>