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

У данной публикации нет комментариев.
Ublogi
Автор1-09-2020, 23:15
Дата пуликацииBootstrap-Сниппеты
Категория- Комментариев: 0
- Просмотров: 321
Статистика
Гости2
Роботы1
Список пользователей
Vitalash
Был(a) в сети 10 часов назад
Комментарии
Облако тегов
ANGRY Angrybird2 angrybird2 BIRDS BTC Casino Platform Cкрипт fruit-ferm King-Birds Kosmobit Methereum MONEY Money motormoney Paper Island playeco Poezd social twit v2.0 worldschool Аптека Веб Инвестиционная Оружейный Пивная Скрипт Уникальный скрипт инвестиционный игры Ниндзя барон денег игра игры инвестиционного инвестиционной инвестиционный попугаев с выводом экономического экономической экономической игры
Реклама

