Почему контейнер с жидкостью так перекрывается, а другие - нет?
Это правильно, или я что-то упустил? Мне это кажется неправильным.
<nav class="nav flex-column float-left">
{links}
</nav>
<div class="container-fluid"><!-- overlapping -->
<div class="row"><!-- fine -->
<div class="col"><!-- fine -->
<main role="main"><!-- fine -->
{content}
</main>
</div>
</div>
</div>
https://jsfiddle.net/w3LwwxL7/
Изменить: просто для вас: я хочу получить статическую левую боковую панель / навигацию с фиксированной шириной (см. Изображение). Все, что справа - это основное содержание. Вот почему я не использовал col-1 (nav) и col-11 (main). Надеюсь это поможет :-)