Bootstrap 5 Jumbotron

Bootstrap 5 Jumbotron

was introduced in Bootstrap 3, which generates a large filled box to draw extra attention to certain special content or information.

Bootstrap 5 no longer supports Jumbotron. However, you can use <div> Add special utility classes and color classes to the element to achieve the same effect:

Jumbotron Example

Example

<div class="mt-4 p-5 bg-primary text-white rounded">
  <h1>Jumbotron Example</h1>
  <p>Shanghai, abbreviated as Hu, also known as Shen, is a direct-controlled municipality of the People's Republic of China, and the economic, financial, trade, and shipping center of China...</p>
</div>

Try It Yourself