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.
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
The Bootstrap 3 jumbotron doesn't have/require this class.
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.