Bootstrap 5 Tutorial
BS5 Jumbotron
Bootstrap 5 Jumbotron
In Bootstrap 3, a jumbotron was added as a large padded box to draw extra attention to certain unique material or details.
Bootstrap 5 no longer supports jumbotrons. 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>
