Книга: Bootstrap: Быстрое создание современных сайтов

Bootstrap Jumbotron

Bootstrap Jumbotron

Jumbotron представляет собой контейнер с серым фоном и закругленными углами для размещения в нем объявления со ссылкой типа «Посмотреть подробнее».

Помимо серого фона и закругленных углов Jumbotron применяет к тексту увеличенный размер шрифта.

Обертка <div для Jumbotron обеспечивает отступ от краев экрана.

<div>

<div>

<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 углов у Jumbotron видно не будет, так как он будет распространяться на всю ширину экрана.

Изменить фон Jumbotron, отцентрировать текст и добавить отступы можно с помощью CSS и класса. text-center.

<style>

.jumbotron {

background-color: #f4511e; /* Orange */

color: #ffffff;

padding: 100px 25px;

}

</style>

<div text-center»>

</div>

Оглавление книги