我希望元素在页面中垂直居中,我使用的是bootstrap 4.0。我发现的大多数方法都是关于早期版本或alpha版本,官方方法不起作用,因此,有人可以一劳永逸地解释如何在引导程序中垂直居中元素吗?
答案 0 :(得分: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>