引导带4中的垂直对齐中心

Question

引导带4中的垂直对齐中心

我正在尝试使用引导4将我的容器集中在页面的中间。

Answer 1

您可以通过使父容器灵活化并添加以下方法来垂直对齐您的容器。align-items:center:body {   display:flex;   align-items:center;}

Answer 2

下面的引导4类帮助我解决了这个问题<div&nbsp;class="col&nbsp;text-center&nbsp;justify-content-center&nbsp;align-self-center"> &nbsp;&nbsp;&nbsp;&nbsp;<img&nbsp;width=3rem&nbsp;src=".."&nbsp;alt="..."></div>

Answer 3

.jumbotron&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;position:&nbsp;relative; &nbsp;&nbsp;&nbsp;&nbsp;top:&nbsp;50%; &nbsp;&nbsp;&nbsp;&nbsp;transform:&nbsp;translateY(-50%);}