--- layout: examples title: Jumbotrons extra_css: - "jumbotrons.css" body_class: "" ---

# 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 Bootstrap jumbotron that sits within a `.container`, recreated with built-in utility classes.