Jumbotron

We are currently working on redesigning the following content.

A lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site.

Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Learn more

<section class="jumbotron">
	<h3>Hello, world!</h3>
	<p>...</p>
	<p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p>
</div>

Use when

(Info goes here)

Do not use when

(Info goes here)

To make the jumbotron full width, and without rounded corners, place it outside all .containers and instead add a .container within.

<section class="jumbotron">
	<div class="container">
	...
	</div>
</section>

Use when

(Info goes here)

Do not use when

(Info goes here)

Some of the code and documentation for this page is sourced from Bootstrap

Date modified: