时间戳

首页 > 解决方案 > 重叠 div 以显示内容（在中心）和（在右侧）侧

bootstrap-4 - 重叠 div 以显示内容（在中心）和（在右侧）侧

问题描述

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

我正在使用下面的代码片段来实现，但这会创建另一条预期之外的线。

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

标签： bootstrap-4

解决方案

这是我的解决方案：

<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它，因为在这种情况下不需要它 - 希望这会有所帮助

推荐阅读