Джамботрон


В Bootstrap джамботрон — это крупный выносной элемент, стилизованный с большим текстом и тяжёлыми отступами. По умолчанию джамботрон оформлен светло-серым цветом (#eceeef), но вы можете изменить его на произвольный цвет.

Чтобы создать джамботрон, примените класс .jumbotron к элементу <div>, который вы хотите превратить в джамботрон.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<div class="container">
<div class="jumbotron">
<h1>Мой джамботрон</h1>
<p>Мысли ШИРОКО вместе с Джамботроном!</p>
</div>
</div>

Полноразмерный джамботрон
Чтобы сделать джамботрон на всю ширину и без скруглённых уголков, добавьте класс .jumbotron-liquid и вложите контейнер внутрь джамботрона.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<div class="jumbotron jumbotron-fluid">
<div class="container">
<h1>Мой джамботрон</h1>
<p>Мысли ШИРОКО вместе с Джамботроном!</p>
</div>
</div>

Bootstrap 4 против Bootstrap 3
В Bootstrap 4 представлен класс .jumbotron-fluid, Bootstrap 3 не содержит этого класса.