Книга: 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>
- Начало работы с Bootstrap
- Bootstrap Grid System
- Тест 1 на знание Bootstrap
- Быстрая адаптация сайта для мобильных устройств с помощью Bootstrap
- Bootstrap Text/Typography
- Таблицы
- Изображения
- Bootstrap Jumbotron
- Bootstrap Page Header
- Bootstrap Wells
- Bootstrap Alerts
- Кнопки и группы кнопок
- Bootstrap Glyphicons
- Значки и метки
- Bootstrap Progress Bars
- Конец ознакомительного фрагмента.
- Содержание книги
- Популярные страницы