Bootstrap 4 Jumbotron

Draw major attention with a Bootstrap jumbotron. Ideal for key marketing messages and calls to action.

In Bootstrap, a jumbotron is a large callout that is styled with large text and heavy padding. By default, Bootstrap 4 jumbotrons are styled in light gray (#eceeef), but you can change this to any color.

To create a jumbotron, apply the .jumbotron class to the <div> element that represents the jumbotron.

Full-Width Jumbotron

To make the jumbotron full width and without the rounded corners, add the .jumbotron-fluid class, and nest a container inside the jumbotron.

Bootstrap 4 vs Bootstrap 3

Bootstrap 4 introduced the .jumbotron-fluid class.

The Bootstrap 3 jumbotron doesn't have/require this class.

Alpha Release

Bootstrap 4 is currently in alpha release, therefore, do not use it in production yet. To be safe, refer to Bootstrap 3 Jumbotron until Bootstrap 4 becomes an official release.

Also check out the differences between Bootstrap v3 and v4.