Загрузочный контейнер с жидкостью после контейнера

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> в верхнем container div, иначе это не повлияет, в соответствии с вашим кодом это определенно сработает.

Answer 2

Испытание ist

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