Для того чтобы изображение автоматически подгонялось под размер экрана, используется класс. img-responsive, который применяет к изображению CSS стиль display: block; max-width: 100%; height: auto;.

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

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

Обертка

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

Bootstrap Tutorial

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile-first projects on the web. 

Без контейнера

углов у Jumbotron видно не будет, так как он будет распространяться на всю ширину экрана.

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

Bootstrap Page Header

Класс. page-header добавляет горизонтальный разделитель после заголовка.

Page Header H1

This is some text. 

This is another text. 

Page Header H2

This is some text. 

This is another text. 

Bootstrap Wells

С помощью класса. well можно добавить ощущение глубины элементу или контейнеру.

some data

some data

Email address:

Password:

Следующая страница