Попробую объяснить, что такое Jumbotron. Ниже представленка картинка, и вот слайдер на ней вполне сошел бы за Jumbotron, т.е. это что-то такое длинное на весь экран, большое, "кричащее", заставляющее обратить на себя внимание.
Сегодня же мы разберем, как сделать такой Jumbotron на Bootstrap. Для начала посмотрим, какой элемент в нашем примере можно сделать как Jubmotron
Этот элемент выделен в красную рамочку. С идеей разобрались, давайте теперь посмотрим реализацию. Как я говорил, Jumbotron занимает все 12 колонок, поэтому вместо класса "row" нужно написать класс "jumbotron"
<div class="jumbotron">
<img src="img/jumbotron.jpg" alt="" class="pull-right">
<h1> We treat your pets like our own</h1>
<p>At Wisdom Pet Medicine, we strive to blend the best in traditional and alternative healing techniques to diagnose and treat companion animals, including dogs, cats, birds, reptiles, rodents, and fish. </p>
</div> А у картинки мы добавим еще дополнительный класс "pull-right", это чтобы картинка была справа. О других свойствах и настройках мы поговорим в других уроках.
А пока смотрем демо и качаем урок.