1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
twbs--bootstrap/docs/components/jumbotron.md
Mark Otto f734814f6b Make spacer utils responsive (#20926)
* make spacer utils responsive by grid tier
* update scale to add two levels, document them
* change responsive spacing utils to avoid the xs abbreviation in the class name for that tier
* update code snippet to match source
* update usage in our docs
* linter
* docs updates
2016-10-31 21:13:05 -07:00

1.2 KiB

layout title description group
docs Jumbotron Lightweight, flexible component for showcasing hero unit style content. components

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

Example

{% example html %}

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

{% endexample %}

To make the jumbotron full width, and without rounded corners, add the .jumbotron-fluid modifier class and add a .container or .container-fluid within.

{% example html %}

Fluid jumbotron

This is a modified jumbotron that occupies the entire horizontal space of its parent.

{% endexample %}