与Bootstrap垂直对齐

Question

我想垂直对齐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（

...

Answer 1

您正在寻找类似的东西吗？