html - bootstrap css，如何在容器内制作全宽div

Question

我想用bootstrap框架做这种布局:

    |   | menu       x |    |
    -------------------------
    ** **  full width  ** **
    -------------------------
    |   | site content |    |
    |   |              |    |
    |   |              |    |
    |   |              |    |
    |   |              |    |
    |   |              |    |
    |   |              |    |
    |   |              |    |
    |   |              |    |
    -------------------------

我想要一个包含“容器”菜单的“容器流体”div，它工作正常，我的问题是我需要在菜单下添加一个“全宽”div，我不知道该怎么做.网站内容应该有“container”类，而“full width”div “container-fluid”，但我知道不可能嵌套这样的类。

我怎样才能用 css 解决这个问题，记住“菜单”固定在顶部，“全宽”div 必须正常滚动？我想我不能使用绝对定位。我希望它很清楚，否则我会尝试改进这个问题。

Answer 1

我会做三个不同的容器，每个容器相应地包含标题、全宽和网站内容

<div class="container"></div> <!-- header here -->
<div></div> <!-- full width here -->
<div class="container"></div> <!-- site content here -->