Jumbotron

Notes on Implementation

We implement Bootstrap’s Jumbotron component, so Bootstrap Jumbotron documentation is applicable.

Accessibility Notes

When using jumbotron, ensure that the jumbotron’s heading level does not break the existing heading hierarchy. If additional styling is necessary, make sure to use the .display- classes or any of the other utility classes that are available in Bootstrap.

For jumbotron links, be sure to use <a> tags with .btn classes, rather than <button> elements.

Example

Hello, world!

It uses utility classes for typography and spacing to space content out within the larger container.

Learn more