нужно сделать вот такой макет
Navbar есть.
Под ним стандартный
<div class="container body-content">
@RenderBody()
<hr/>
<footer>
<p>© 2018</p>
</footer>
</div>
Нужно вставить вот такой макет (каряво нарисованный конечно) между navbar (сверху чёрная полоска) и div-ом с @RenderBody() c с помощью bootstrap.
Причём левый и правый блоки (синие) должны быть зафиксированные.
Перепробовал кучу вариантов, но не чего не получилось. То левый перескакивает куда-та, то правый исчезает. То вообще всё в столбик выстраивается. HELP!!!
Сделал вот так
<div class="row">
<div class="row center-block">
<div id="leftDiv" style="background-color: aqua; " class="col-lg-2">
left div
</div>
<div style="background-color: darkgoldenrod;" class="col-lg-8">
<div style="background-color: crimson;" class="col-lg-6">
Название
</div>
<div style="background-color: crimson;" class="col-lg-6">
Начальник
</div>
<div style="background-color: darkgrey;" class="col-lg-6">
имущество
</div>
<div style="background-color: darkgrey;" class="col-lg-6">
сотрудники
</div>
</div>
<div id="rightDiv" style="background-color: aqua;" class="col-lg-2">
right div
</div>
</div>
</div>
Но не пойму как зафиксировать синие блоки по краям, что бы они были до конца экрана и не двигались как navbar до footera. И серый в центре был тоже до конца экрана до footera.