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">