非流体容器之后的自举流体容器

Question

我希望网页的下半部分是全宽的(在container-fluid目录中)，而不是页面的顶部，这是在传统的class="container"目录中。

但是，使用下面的html，我的下部div不是全宽的：

<div class="container">
Restricted width
</div>

<div class="container-fluid">
Full-width
</div>

如果我把顶部的div也变成流体，两个都会变成流体。但是为什么我不能在非流体容器下面有一个流体容器呢？

Answer 1

测试列表

<div class="container-fluid">
    <div class="container">
        Restricted width
    </div>
    Full-width
</div>

Answer 2

你一定错过了在顶部container目录中关闭一些<div>，否则，它不会影响，根据你的代码，它肯定会工作。