По умолчанию модальные окна в bootstrap в зависимости от содержимого растягиваются и их приходится прокручивать вместе со всем сайтом.
Это раздражает и это дико не удобно. Покажу вам как решить такую проблему и задать определенную высоту модальным окнам и сделать прокручиваемым само содержание а не окно целиком.
Открываем любой подключенный css файл и просто добавляем следующий код:
.modal-body {
max-height:calc(100vh - 200px);
overflow-y:auto
} Давайте разберемся как он работает.
max-height:calc - задает высоту окна в зависимости от разрешения. overflow-y:auto - Если содержимое модального окна больше по высоте вашего разрешения, то появляется ползунок для прокрутки содержимого окна.
Задаем высоту модальным окнам в Bootstrap.
По умолчанию модальные окна в bootstrap в зависимости от содержимого растягиваются и их приходится прокручивать вместе со всем сайтом.
Это раздражает и это дико не удобно. Покажу вам как решить такую проблему и задать определенную высоту модальным окнам и сделать прокручиваемым само содержание а не окно целиком.
Открываем любой подключенный css файл и просто добавляем следующий код:
.modal-body {
max-height:calc(100vh - 200px);
overflow-y:auto
}
Давайте разберемся как он работает.
max-height:calc - задает высоту окна в зависимости от разрешения.
overflow-y:auto - Если содержимое модального окна больше по высоте вашего разрешения, то появляется ползунок для прокрутки содержимого окна.