Bootstrap5 Jumbotron

Jumbotron (giant screen) creates a large gray background box, where you can set some special content and information.

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

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

Tip:Inside the Jumbotron, you can place some HTML tags, and also Bootstrap elements.

Example

<div class="mt-4 p-5 bg-primary text-white rounded"> <h1>Example</h1> <p>What we learn is not only technology, but also dreams!!!</p> </div>

Try it »
Other Extensions