Bootstrap 4.1轮播项目标题和文本

Question

我正在使用最新版本的Bootsrap

我想将标题和文本添加到轮播项目中。

但p代码保持在同一行

，并且应该在h5代码之后。

这是我的一些代码：

https://www.codeply.com/go/3qfv388vII

Answer 1

看起来是造成它的d-flex类。 如果您更改此设置：

<div class="d-flex h-100 align-items-center justify-content-center">

对此：

<div class="custom-flex h-100 align-items-center justify-content-center">

并将其添加到样式表中：

.custom-flex {
  display: flex;
  flex-direction: column;
}

您将获得理想的结果。

修改

要仅使用引导程序类，您可以改为添加flex-column类，如下所示：

<div class="d-flex flex-column h-100 align-items-center justify-content-center">