在非流体容器之后引导流体容器

Question

我希望网页的下部为全角（在container-fluid div中），而不是页面的顶部（在传统的class="container" div中）。

但是，使用以下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

您肯定错过了在顶部<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <ol> <li class="breadcrumb">abc</li> <li class="breadcrumb">abc</li> <li class="breadcrumb">abc</li> <li class="breadcrumb">abc</li> </ol>格中关闭某些<div>的情况，否则，它不会影响您的代码，因为它肯定会起作用。