rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity
5db105e587
Bootstrap/site/content/docs/4.5/components/jumbotron.md
XhmikosR b46f05a948 Switch to Hugo 
This commit includes all the needed workarounds and most changes from the main branch for everything to work, like:

* removing empty lines in raw HTML that break output
* read .browserslistrc, CSS variables from disk instead of duplicating it
* using Hugo mounts
* using Hugo for the docs CSS/JS
* move ToC Sass code to a separate file while adapting it for Hugo

Thus, this patch makes our npm scripts faster since lint runs on one step and there's no separate docs assets processing.
2020-11-19 11:22:22 +02:00

1.1 KiB
Raw Blame History

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 >}}

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
{{< /example >}}

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 >}}

Fluid jumbotron

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

{{< /example >}}