Джамботрон

В 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 не содержит этого класса.

Автор и редакторы

Автор: Йен Диксон
Последнее изменение: 12.03.2020
Редакторы: Влад Мержевич
Как научиться разрабатывать сайты