Jumbotron Bootstrap 5

Jumbotron Bootstrap 5

В Bootstrap 3 был введен jumbotron, который создает большой заполненный блок, чтобы привлечь дополнительное внимание к определенному контенту или информации.

Bootstrap 5 больше не поддерживает Jumbotron. Но вы можете использовать <div> Элементы и добавьте специальные вспомогательные классы и классы цветов, чтобы достичь аналогичного эффекта:

Пример Jumbotron

Пример

<div class="mt-4 p-5 bg-primary text-white rounded">
  <h1>Пример Jumbotron</h1>
  <p>Шанхай, сокращенно Шанхай, также известен как Шэнь, является муниципальным районом КНР, экономическим, финансовым, торговым и морским центром Китая...</p>
</div>

Попробуйте сами