Задать вопрос
@av_kotosin
html

Как выровнять по вертикали окна bootstrap 4?

Здравствуйте. Появилась задача сделать блок по середине окна, как вертикально, так и горизонтально. Хоть убей, не могу понять как центрировать относительно окна. Может кто то подскажет как это сделать в bootstrap 4?

Сейчас вот так:
5ba65624af1fe395580100.jpeg

А надо сделать вот так:
5ba65632e9ad8564713813.jpeg

При этом нужно сделать как то, что бы не зависимо от ширины и высоты окна браузера блок всегда оставался по центру (желательно и при ресайзе что бы тоже)
  • Вопрос задан
  • 106 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
profesor08
@profesor08 Куратор тега CSS
А ты его флексами, флексами!
.block-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

jsfiddle.net/0vpb74c2/2

У бутстрапа для этого даже классы есть: d-flex, align-items-center, justify-content-center, приписки sm, md, lg, xl, тоже есть.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
Softovick
@Softovick
программист, администратор
Вот тут описано как установить вертикальное положение Vertical Align
А вот это скорее всего еще понадобится, чтобы положение всегда оставалось одинаковым при изменений размера Position
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
8266 f12 требуется сделать ревью и оптимизировать работу
26 апр. 2024, в 20:42
2000 руб./за проект
Ещё заказы