Выравнивание по центру страницы, правильно-ли (Bootstrap 4)?

Question

[Михаил Р.]

Всем привет!

Задача: вывести любой элемент по центру страницы с определенной шириной данного элемента (Bootstrap 4).

Решил так:

<div class="container-fluid h-100">
    <div class="row align-items-center h-100">
        <div class="col-sm-12">
            <div class="row justify-content-center">
                <div class="col-4 text-center"> // элемент, и его ширина == col-4

                    // content

                </div>
            </div>
        </div>
    </div>
</div>

Вопрос: правильная-ли верстка относительно поставленной задачи? Если нет, то буду благодарен за наглядные примеры!

Спасибо!

Answer 1

[Сергей]

Не знаю где Вы нашли .justify-content-center и .text-center в четвертой версии.

Работает .text-xs-center

Answer 2

[Vkok]

даже я бы сказал просто text-center