--- layout: examples title: Jumbotrons extra_css: - "jumbotrons.css" body_class: "" ---
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.
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.
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.
This is a simple Bootstrap jumbotron that sits within a .container
, recreated with built-in utility classes.