Question

我希望元素在页面中垂直居中，我使用的是bootstrap 4.0。我发现的大多数方法都是关于早期版本或alpha版本，官方方法不起作用，因此，有人可以一劳永逸地解释如何在引导程序中垂直居中元素吗？

Answer 1

使用Bootstrap align-items-center，可以阅读here

<div class="container">
  <div class="row align-items-center">
    <div class="col">
      One of three columns
    </div>
    <div class="col">
      One of three columns
    </div>
    <div class="col">
      One of three columns
    </div>
  </div>
</div>

修改

您也可以使用Bootstrap对弹性框的新支持垂直居中，可以阅读here

<div class="d-flex align-items-center">...</div>

在bootstrap 4.0中垂直居中元素？

1 个答案: