Идеальный выбор начинающих и небольших сайтов

Задаем определенную высоту модальным окнам в 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 по центру.
Выравниваем модальные окна Bootstrap по центру.
2-06-2017, 20:06, Блог
Затемнение фона при появлении модального окна DLE
Затемнение фона при появлении модального окна DLE
26-12-2016, 22:55, Дополнения DLE
Movie

Нет комментариев. Гость, не желаешь оставить первый комментарий?

Перед публикацией, советую ознакомится с правилами!

{login}

Твой комментарий..

Имя:*
E-Mail:
Loading...

Актуальная версия 13.3


Loading...

Настоятельно рекомендуем ознакомиться с информацией по ссылке ниже.

Сайт мошенников
Полезно знать

Ваша реклама за 300 р.м

В любом месте сайта

Обратная связь
Loading...

Нашли ошибку?
Вы можете сообщить об этом администрации.
Выделив текст нажмите CTRL+Enter