Jumbotron

Component indicates a big box for calling extra attention to some special content or information.

The jumbotron is displayed as a grey box with rounded corners. It also enlarges the font sizes of the text inside it. Inside a jumbotron you can put nearly any valid HTML elements/classes using display header. See Typography display headers.
Use a < div > element with class .jumbotron to create a jumbotron:

Hello, world!

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


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

Learn more