BBS5 Jumbotron

BS5 Jumbotron / Hero Section

Bootstrap 5 no longer has a dedicated .jumbotron class like Bootstrap 4. However, you can easily create the same effect with utility classes.

A "Jumbotron" indicates a big box for calling extra attention to some special content or information.

Creating a Jumbotron

You can use a <div> element with the .p-5, .bg-primary/secondary/etc, .text-white, and .rounded classes to create a Jumbotron.

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