Bootstrap 3 Jumbotron
Draw major attention with a jumbotron.
In Bootstrap, jumbotrons are a large callout that is styled with large text and heavy padding.
By default, jumbotrons are styled in light gray (#eee
), but you can change this to any color. Among other styles, jumbotrons have 30px of padding on the top and bottom, as well as a 30px margin at the bottom.
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, place it outside of all containers but nest a container inside the jumbotron.