Как сделать такой каркас сайта?

Question

[id56346gera]

Помогите сделать каркас сайта. Каркас имеет 3 части.
1- в первой части имеется большой список ФИО. В ней должен появиться scroll (на изображении он оранжевый) чтобы высота сайта не росла (body)
2-во второй части при клике на ФИО выводится информация о человеке.
3- footer он должен быть прижатый к низу по идее.
Всё это как бы 1 экран и станица в низ не должна листаться.
Спасибо за помощь.

Answer 1

[Insolation]

1-2 Оборачиваете блок 1 и 2 в <div class="wrapper"></div>. Даете ему display: flex;
Блоку 1 добав. overflow-y: auto; ну и фиксированную высоту (там уже на свое усмотрение) и width: 30%, а блоку 2 width: 70%;


UPD: Вот на скорую руку накидал пример
https://codepen.io/Slasher_/pen/KoKzQO

UPD2: Не увидел в тегах Bootstrap. Вам его нужно?

Comments

[id56346gera]

Да по идее если можете накидайте такую систему на bootstrap. Спасибо

[Insolation]

id56346gera, Bootstrap не так хорошо знаю, но вот накидал что-то на подобии

https://codepen.io/Slasher_/pen/OvJXGN