Задаем определенную высоту модальным окнам в 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 высота
Гость, оставишь комментарий?
Имя:*
E-Mail:


Информация