Задаем определенную высоту модальным окнам в Bootstrap
Задаем высоту модальным окнам в Bootstrap.
По умолчанию модальные окна в bootstrap в зависимости от содержимого растягиваются и их приходится прокручивать вместе со всем сайтом.
Это раздражает и это дико не удобно. Покажу вам как решить такую проблему и задать определенную высоту модальным окнам и сделать прокручиваемым само содержание а не окно целиком.
Открываем любой подключенный css файл и просто добавляем следующий код:
.modal-body {
max-height:calc(100vh - 200px);
overflow-y:auto
}
Давайте разберемся как он работает.max-height:calc
- задает высоту окна в зависимости от разрешения.overflow-y:auto
- Если содержимое модального окна больше по высоте вашего разрешения, то появляется ползунок для прокрутки содержимого окна.Вот и всё
Ссылка для скачивания доступна только авторизованным пользователям, пожалуйста пройдите регистрацию.
Это займёт не более минуты. Не волнуйтесь, мы не спамим!
У данной публикации нет комментариев.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Облако тегов
bootstrap Bootstrap CSS CSS3 DLE dle fruit farm html html шаблон html5 HTML5 Payeer PNG PSD wap Wordpress Скрипт удвоителя адаптивный адаптивный шаблон бонусник дизайн игровой хостинг иконки лендинг меню модуль панель портфолио сайт скрипт скрипт фермы текстура удвоитель удвоитель Payeer ферма фон фруктовая ферма хак шаблон экономическая игра
Заголовок верхнего уровня в HTML