1.5 KiB
| layout | title |
|---|---|
| page | Jumbotron |
A lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site.
Example
{% example html %}
Hello, world!
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
To make the jumbotron full width, and without rounded corners, add the .jumbotron-fluid modifier class and add a .container or .container-fluid within.
{% example html %}
Fluid jumbotron
This is a modified jumbotron that occupies the entire horizontal space of it's parent.
Jumbotrons also come with an adaptive hr—just add .jumbotron-hr to the element and the border-top-color will be tinted based on the jumbotron background.
{% example html %}
Jumbotron hr
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.