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


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

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

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

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

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

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


bootstrap css html height высота

Внимание!

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

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