首頁猿問引導帶4中的垂直對齊中心

引導帶4中的垂直對齊中心

Html/CSS CSS3 Html5

慕田峪9158850 2019-05-30 16:27:02

引導帶4中的垂直對齊中心我正在嘗試使用引導4將我的容器集中在頁面的中間。

查看完整描述

4 回答

四季花海

TA貢獻1811條經(jīng)驗獲得超5個贊

您可以通過使父容器靈活化并添加以下方法來垂直對齊您的容器。align-items:center:

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

反對回復 2019-05-30

胡子哥哥

TA貢獻1825條經(jīng)驗獲得超6個贊

下面的引導4類幫助我解決了這個問題

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

反對回復 2019-05-30

湖上湖

TA貢獻2003條經(jīng)驗獲得超2個贊

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

反對回復 2019-05-30

關注