Как расположить элементы в центре страницы на bootstrap?

Question

[PesyCorm]

Всем привет!
Мне нужно расположить несколько элементов в центре страницы (горизонтально и вертикально). Так же элементы должны быть прижаты к центру по горизонтали.
Примерно вот так:

Подскажите, пожалуйста, как я могу реализовать это на bootstrap?
Спасибо!

Answer 1

[Даниил]

Как по мне, у вас в примере совсем не по центру.
Как я понял задачу - выставить весь блок по центру, далее левую сторону выровнять по правому блоку, а с левой ничего не делать (мб отступ добавить)

<div class="d-flex justify-content-center align-items-center">...</div>

У него есть два дочерних блока, left && right

Для left -

<div class="float-right">К правому краю на всех областях видимости</div><br>

Comments

[PesyCorm]

у вас в примере совсем не по центру

там просто фон белый, а изображение маленькое квадратное
Кажется, то что вы написали выравнивает в центр только горизонтально? Вертикально по прежнему находится вверху страницы)

[Даниил]

PesyCorm, я изменил ответ, теперь он выравнивает и по центру

[PesyCorm]

Даниил, спасибо!