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

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

Примети, мир!

Это простой герой, простой компонент в стиле 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>