ИТ Блог. Создание сайтов с применением Bootstrap
(1 оценок, среднее: 5,00 из 5)
Загрузка...
В этой главе мы обсудим еще одну особенность, которая поддерживается в Bootstrap, это JumboTron. Как следует из названия, этот компонент может дополнительно увеличить размер заголовков и добавить много маржи для содержания целевой страницы. Для использования JumboTron, необходимо:
Следующий пример демонстрирует это:
<div class = "container">
<div class = "jumbotron">
<h1>Добро пожаловать на лендинг!</h1>
<p>Это пример Jumbotron.</p>
<p>
<a class = "btn btn-primary btn-lg" role = "button">Читать далее</a>
</p>
</div>
</div>
Чтобы получить Jumbotron полной ширины, и без закругленных углов используйте класс .jumbotron вне класса .container и вместо этого, добавить класс .container внутри, как показано в следующем примере:
<div class = "jumbotron">
<div class = "container">
<h1>Добро пожаловать на лендинг!</h1>
<p>Это пример jumbotron.</p>
<p>
<a class = "btn btn-primary btn-lg" role = "button">Читать далее</a>
</p>
</div>
</div>
