Задаем определенную высоту модальным окнам в Bootstrap


Задаем высоту модальным окнам в Bootstrap.
По умолчанию модальные окна в bootstrap в зависимости от содержимого растягиваются и их приходится прокручивать вместе со всем сайтом.
Это раздражает и это дико не удобно. Покажу вам как решить такую проблему и задать определенную высоту модальным окнам и сделать прокручиваемым само содержание а не окно целиком.

Открываем любой подключенный css файл и просто добавляем следующий код:

.modal-body {
max-height:calc(100vh - 200px);
overflow-y:auto
}

Давайте разберемся как он работает.

max-height:calc - задает высоту окна в зависимости от разрешения.
overflow-y:auto - Если содержимое модального окна больше по высоте вашего разрешения, то появляется ползунок для прокрутки содержимого окна.

Вот и всё  smile
Если вдруг вы не поняли о чем идет речь, то откройте страницу своего профиля на этом сайте и нажмите на кнопку "Редактировать" Вы увидите что содержимое окна прокручивается, но не само окно!Шаблоны DLE


bootstrap css html height высота

Внимание!

Ознакомьтесь со статьёй по ссылке ниже.

Сайт мошенников
Информация