Bootstrap5 Jumbotron

-- Learning is not just about technology, but also about dreams!

Bootstrap5 Tutorial

Bootstrap5 Tutorial Bootstrap5 Installation and Usage Bootstrap5 Containers Bootstrap5 Grid System Bootstrap5 Typography Bootstrap5 Colors Bootstrap5 Tables Bootstrap5 Images Bootstrap5 Jumbotron Bootstrap5 Alerts Bootstrap5 Buttons Bootstrap5 Button Groups Bootstrap5 Badges Bootstrap5 Progress Bars Bootstrap5 Spinners Bootstrap5 Pagination Bootstrap5 List Groups Bootstrap5 Cards Bootstrap5 Dropdowns Bootstrap5 Collapse Bootstrap5 Navs Bootstrap5 Navbar Bootstrap5 Carousel Bootstrap5 Modal Bootstrap5 Tooltip Bootstrap5 Popover Bootstrap5 Toasts Bootstrap5 Scrollspy Bootstrap5 Offcanvas Bootstrap5 Utilities Bootstrap5 Flex

Bootstrap5 Forms

Bootstrap5 Forms Bootstrap5 Select Menu Bootstrap5 Checkboxes and Radios Bootstrap5 Range Bootstrap5 Input Group Bootstrap5 Floating Labels Bootstrap5 Form Validation

Bootstrap5 Images

Bootstrap5 Alerts

Bootstrap5 Jumbotron

A Jumbotron creates a large gray background box, inside which you can set some special content and information.

In Bootstrap 3, a jumbotron was introduced to create a large background box for displaying important information.

In Bootstrap 5, Jumbotron is no longer supported. However, we can use the <div> element with some utility classes and color classes to achieve the same effect:

Note: You can put HTML tags or Bootstrap elements inside a Jumbotron.

Example

Learning is not just about technology, but also about dreams!!!

Try it yourself »

YouTip