Jumbotron

Легкий, гибкий компонент для демонстрации ключевого содержимого вашего сайта.

Легкий, гибкий компонент, который может дополнительно расширить экран, чтобы продемонстрировать ключевые маркетинговые сообщения на вашем сайте.

Привет, мир!

Это простой компонент в стиле jumbotron для привлечения дополнительного внимания к избранному контенту или информации.

Он использует служебные классы для типографики и интервалов для размещения содержимого в более крупном контейнере.

Узнать больше

<div class="jumbotron">
  <h1 class="display-4">Привет, мир!</h1>
  <p class="lead">Это простой компонент в стиле jumbotron для привлечения дополнительного внимания к избранному контенту или информации.</p>
  <hr class="my-4">
  <p>Он использует служебные классы для типографики и интервалов для размещения содержимого в более крупном контейнере.</p>
  <a class="btn btn-primary btn-lg" href="#" role="button">Узнать больше</a>
</div>

Чтобы сделать jumbotron во всю ширину и без закругленных углов, добавьте класс-модификатор .jumbotron-fluid и добавьте внутрь .container или .container-fluid.

Jumbotron на всю ширину

Это модифицированный jumbotron, который занимает все горизонтальное пространство своего родителя.

<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1 class="display-4">Jumbotron на всю ширину</h1>
    <p class="lead">Это модифицированный jumbotron, который занимает все горизонтальное пространство своего родителя.</p>
  </div>
</div>