Bootstrap 5 Jumbotron

A jumbotron was introduced in Bootstrap 3 as a big padded box for calling extra attention to some special content or information.

Jumbotrons are no longer supported in Bootstrap 5. However, you can use a <div> element and add special helper classes together with a color class to achieve the same effect:

Jumbotron Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat..

Example

<div class="mt-4 p-5 bg-primary text-white rounded">
  < h1>Jumbotron Example
 <p>Lorem ipsum...
</div>

You can click on above box to edit the code and run again.

Bootstrap 5 Jumbotron

Jumbotron Example

Example

Output