Bootstrap 5 Jumbotron
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</h1>
<p>Lorem ipsum...</p>
</div>
Try it Yourself »