重叠格显示内容（在中间）和（在右侧）

Question

嗨，我正在尝试在同一行的中心显示第一内容，在第二行的右侧显示第二内容。

我正在使用下面的代码片段来实现，但这正在创建另一行，这是不希望的。

<div class="row">
    <div class="col-12">
        <div class="text-center">TestText</div>
        <div class="text-right">14/08/18</div>
    </div>
</div>

Answer 1

这是我的解决方法：

<div class="row">
        <div class="text-right col-6">TestText</div>
        <div class="text-right col-6">14/08/18</div>
</div>

您需要将两个div设置为col-6，然后将第一个文本div右对齐到text-align: right-您还需要摆脱col-12，因为在这种情况下不需要-希望对您有帮助