Jumbotron
Lightweight, flexible component for showcasing hero unit style content.
Examples
A lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site.
Hello, world!
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
It uses utility classes for typography and spacing to space content out within the larger container.
Learn more!To make the jumbotron full width, and without rounded corners, add the .jumbotron-fluid
modifier class and add a .container or .container-fluid within.
Fluid jumbotron
This is a modified jumbotron that occupies the entire horizontal space of its parent.
Also comes in pretty colors.
Jumbotron.primary
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
Jumbotron.secondary
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
Jumbotron.red
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
Jumbotron.green
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
Jumbotron.blue
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
Jumbotron.yellow
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
Jumbotron.white
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
Jumbotron.black
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.