Skip to main content

Jumbotrons

Example

Jumbotron with icon

This is a custom jumbotron featuring an SVG image at the top, some longer text that wraps early thanks to a responsive .col-* class, and a customized call to action.

Placeholder jumbotron

This faded back jumbotron is useful for placeholder content. It's also a great way to add a bit of context to a page or section when no content is available and to encourage visitors to take a specific action.

Full-width jumbotron

This takes the basic jumbotron above and makes its background edge-to-edge with a .container inside to align content. Similar to above, it's been recreated with built-in grid and utility classes.

Basic jumbotron

This is a simple Example jumbotron that sits within a .container, recreated with built-in utility classes.