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

Question

引导带4中的垂直对齐中心我正在尝试使用引导4将我的容器集中在页面的中间。

Answer 1

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

body {
  display:flex;
  align-items:center;}

Answer 2

下面的引导4类帮助我解决了这个问题

<div class="col text-center justify-content-center align-self-center">
    <img width=3rem src=".." alt="..."></div>

Answer 3

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