Центровка по вертикали модального окна в Bootstrap

Модальные окна Bootstrap всем хороши, но имеют одну досадную недоработку — нет вертикальной центровки.

Выглядит это недоразумение вот так:

Давайте поправим стили окна.  Будем использовать центровку inline контейнера, а «строку» расширим до высоты окна, используя высоту псевдо-элемента :bofore.

Добавьте следующий CSS код:

Позиция модального окна изменилась:

Написать комментарий

Мало букафф? Читайте есчо !

Меняем отступы сетки (gutter-width) в Bootstrap

Октябрь 2, 2017 г.

Дефолтова сетка в bootstrap 3 имеет размер 30 пикс. Понятно, что рабочий макет может содержать произвольные отступы и, если вы хотите использовать преимущества работы с grid от бутстрапа, придется как то их менять и фиксить. Фактически нужно сделать ...

Читать

Bootstrap - показ произвольного html контента подсказки в popover

Июнь 14, 2021 г.

Один из компонентов Bootstrap - popover - создаёт оформление и показывает текст подсказки при нажатии на контейнер. Рассмотрим более сложный кейс использования этого компонента, а именно, создание контента для popover на лету. Стандартный шаблон ...

Читать

 

Комментарии к «Центровка по вертикали модального окна в Bootstrap»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: