Easy Tutorial
Bootstrap5 Utilities Bootstrap5 Modal Bootstrap5 Container Bootstrap5 Navs Bootstrap5 List Groups Bootstrap5 Form Range Bootstrap5 Form Select Bootstrap5 Buttons Bootstrap5 Pagination Bootstrap5 Cards Bootstrap5 Dropdowns Bootstrap5 Tables Bootstrap5 Badges Bootstrap5 Offcanvas Bootstrap5 Popover Bootstrap5 Collapse Bootstrap5 Spinners Bootstrap5 Alerts Bootstrap5 Progressbars Bootstrap5 Form Validation Bootstrap5 Flex Bootstrap5 Colors Bootstrap5 Typography Bootstrap5 Install Bootstrap5 Form Check Radio Bootstrap5 Button Groups Bootstrap5 Form Input Group Bootstrap5 Tutorial Bootstrap5 Tooltip Bootstrap5 Carousel Bootstrap5 Forms Bootstrap5 Jumbotron Bootstrap5 Navbar Bootstrap5 Form Floating Labels Bootstrap5 Grid Basic Bootstrap5 Images Bootstrap5 Scrollspy
❮ Bootstrap5 Forms Bootstrap5 Navbar ❯

Bootstrap5 Jumbotron

Jumbotron creates a large gray background box where you can place special content and information.

In Bootstrap 5, Jumbotron is no longer supported. However, we can achieve the same effect by using a <div> element with some helper and color classes:

Tip: You can include HTML tags or Bootstrap elements within a Jumbotron.

Example

<div class="mt-4 p-5 bg-primary text-white rounded">
  <h1>tutorialpro.org</h1> 
  <p>Learning is not just about technology, it's about dreams!!!</p> 
</div>
❮ Bootstrap5 Forms Bootstrap5 Navbar ❯