Bootstrap 4 纯文本传送带

我无法拥有一个只有文本且没有任何img的旋转木马。文本似乎与控件冲突。我找到的每个示例都使用

。我曾尝试使用

d-flex

类、块，甚至

旋转木马标题

。到目前为止，一切都不起作用

<div id="carouselContent" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner" role="listbox">
        <div class="carousel-item active">
            <p>lorem ipsum (imagine longer text)</p>
        </div>
        <div class="carousel-item">
            <p>lorem ipsum (imagine longer text)</p>
        </div>
    </div>
    <a class="carousel-control-prev" href="#carouselContent" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselContent" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>

lorem ipsum（想象更长的文本）

lorem ipsum（想象更长的文本）

我认为

旋转木马控件设计用于覆盖内容，无论是文本还是图像。似乎
text center
将是将每个项目的文本居中的一个好选择

但是，从BS alpha 6开始，
.carousel项
为
显示：flex
这限制了您可以对
转盘项目的内容进行的一些定位。这方面还有一个悬而未决的问题：

作为一种解决方法，您可以使用
文本中心
并覆盖
display:block
，用于活动的转盘项目：

 <div class="carousel-item text-center p-4">
       <p>lorem ipsum (imagine longer text)</p>
 </div>

.carousel-item.active {
    display:block;
}


lorem ipsum（想象更长的文本）

.carousel-item.active{
显示：块；
}

演示：


另请参见：
我在所有地方添加了
px-5
（在
p
中）。我需要周围的空间，还为它添加了一个类，使它有20px的余量。这很有效。
您是否尝试在
.carousel inner
上添加一些填充？添加
左侧填充
大约200px和
底部填充
大约50px有些效果，但与carousel控件不太匹配。显然，我也可以尝试定位它们。但是，我觉得应该有一个更清晰的方法来解决这个问题。我找到了一个可行的解决方案。我看到了这个问题，但不知怎的，我觉得它与此无关<代码>显示：块
肯定有帮助。我尝试添加100像素左右的填充。这很适合控件之间的文本，但动画很时髦。有没有办法让箭头显示在控件中？箭头也显示在控件中。