Я пытаюсь создать макет наподобие скриншота, используя Bootstrap 4, но у меня возникают некоторые проблемы с исправлением боковой панели и одновременным достижением этого макета.
Идем с базовым примером:
<div class="container">
<div class="row">
<div class="col-m-4" id="sticky-sidebar">
Sidebar
</div>
<div class="col-m-8" id="main">
Main Area
</div>
</div>
</div>
Можно получить этот макет, но все становится сложнее, когда я заявляю:
.sidebar {
position: fixed // or absolute
}
Как только я сделаю боковую панель липкой, основной div начинает появляться позади боковой панели, а не рядом с ней. Конечно, можно объявить некоторый запас и вернуть его в исходное положение, но это усложняет отзывчивость.
Я чувствую, что что-то упустил, я прочитал документацию по Bootstrap 4, но не смог найти простой способ добиться этого макета.