Bootstrap 4 Jumbotron
Bootstrap 4 Jumbotron
Jumbotron указывает на большую серую коробку для вызова дополнительного внимания к какому-то Специальному содержанию или информации.
Совет: Внутри Jumbotron можно поместить практически любой допустимый HTML, включая другие элементы/классы Bootstrap.
Справочник начальной загрузки
Bootstrap является наиболее популярной платформой HTML, CSS и JS для разработки адаптивных, мобильных первых проектов в Интернете.
Используйте <div>
элемент с классом .jumbotron
для создания Jumbotron:
Пример
<div class="jumbotron">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
Полная ширина Jumbotron
Если требуется полная ширина Jumbotron без округленных границ, добавьте .jumbotron-fluid
класс и .container
или .container-fluid
внутри него:
Пример
<div class="jumbotron jumbotron-fluid">
<div
class="container">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS...</p>
</div>
</div>