Bootstrap Jumbotron
Jumbotron представляет собой контейнер с серым фоном и закругленными углами для размещения в нем объявления со ссылкой типа «Посмотреть подробнее».
Помимо серого фона и закругленных углов Jumbotron применяет к тексту увеличенный размер шрифта.
Обертка <div class=«container»> для Jumbotron обеспечивает отступ от краев экрана.
<div class=«container»>
<div class=«jumbotron»>
<h1> Bootstrap Tutorial </h1>
<p> Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web. </p>
</div>
</div>
Без контейнера <div class=«container»> углов у Jumbotron видно не будет, так как он будет распространяться на всю ширину экрана.
Изменить фон Jumbotron, отцентрировать текст и добавить отступы можно с помощью CSS и класса. text-center.
<style>
.jumbotron {
background-color: #f4511e; /* Orange */
color: #ffffff;
padding: 100px 25px;
}
</style>
<div class=«jumbotron text-center»>
</div>