我想垂直对齐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(
您正在寻找类似的东西吗?