Jumbotron

Also known as Hero, Jumbotron is a lightweight container for different types of content meant to be emphasized at the top of a page. Heros and Jumbotrons jump outside the grid to allow full-bleed, edge to edge display.

Jumbotron has basic defaults designed to be flexibile for different types of content. Use defaults with combinations of text and spacer classes to achieve specific designs (see centered example below).

{{> jumbotron }}
{{#markdown}} ```xml {{> jumbotron }} ``` {{/markdown}}
{{> jumbotron-centered }}
{{#markdown}} ```xml {{> jumbotron-centered }} ``` {{/markdown}}
{{#markdown}} {{> jumbotron-guidance.md}} {{/markdown}}