Выровнять по центру видимые столбцы в строке bootstrap сетка

Question

Я пытаюсь выровнять div по центру внутри div. Не просто div. Разделить bootstrap 4 макета сетки.

Мой шаблон похож на это

<div class='container'>
    <div class='row justify-content-md-center'>
        <div class='col-md-6'>
        </div>
        <div class='col-md-6 invisible'>
        </div>
    </div>
</div>

То, что я ожидал, или пытается достичь, так как второй столбец внутри строки невидим первый столбец выровняется по центру внутри ряда.

Как я могу сделать это возможным?

Answer 1

Существуют различия между двумя классами, о которых я упомяну.

Вы должны использовать второй:

1. <div class="invisible">*other elements ...*</div>

1. Просто прячется ваш div, но сохраняет свое место.

2. <div class="d-none">*other elements ...*</div>

Скрывает ваш div и удаляет его место

2-й будет работать для вас