我想垂直对齐2格,一个居中,另一个居下。我也想通过使用bootstrap grid来实现。
我的组件:
return (
<div className="loading">
<div className="loading-data">
<div className="container-fluid">
<div className="row align-items-center">
<div className="name">Names</div>
</div>
<div className="row align-items-end">
<div className="copyright">Droits</div>
<div className="links">links</div>
</div>
</div>
</div>
</div>
);
我的CSS:
.loading{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
.loading-data{
border-radius: 10px;
height:calc(100% - 100px);
width: calc(100% - 100px);
top: 5%;
margin: 0 auto;
position: relative;
background-color: #313139;
}
当前结果:
我想要的是:
我想垂直对齐2格,一个居中,另一个居下。我也想通过使用引导网格来实现这一点。我的组件:return(
您正在寻找类似的东西吗?