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 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.