Twitter bootstrap 将行引导网格中的可见列居中对齐

我正在尝试将一个div内部的div居中对齐，而不仅仅是引导4网格布局中的div.div

我的模板是这样的

<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>

我所期望或试图实现的是，由于行中的第二列不可见，因此第一列将在行中居中对齐

---

我怎样才能做到这一点呢？

我要提到的两门课有不同之处

您必须使用第二个：

1.

*其他元素…*

只是隐藏你的div，但保持它的位置

2.

*其他元素…*

隐藏div并删除其位置

---

第二个将适用于您

正如我在回答中提到的，您应该使用d-none类而不是隐形类。注意：如果希望div以其他大小显示，则应使用d-block类NOT visible类