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

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

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

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

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

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

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

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

Шпаргалка по размеру сетки bootstrap v3 и v4

Апрель 6, 2019 г.

Для тех кто использует с 3ю и 4ю версии бутстрапа и постоянно забывает размеры сетки (grid). Здесь приведены таблицы для сетки по-умолчанию (в общем ...

Читать

Bootstrap extra large - стили для сетки свыше 1600 точек

Апрель 20, 2017 г.

3я версия Bootstrap определяет 4 размера сетки: <768px, ≥768px, ≥992px, ≥1200px. Этих размерностей явно не достаточно. В то время как на телефонах ...

Читать

 

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

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



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