У 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 не містить цього класу .