По умолчанию все картинки в Bootstrap не являются отзывчивыми, т.е. не меняют свой размер в зависимости от экрана, но такая возможность. Для этого к каждой картинке нужно добавить специальный класс img-responsive
<img src="img/jumbotron.jpg" class="img-responsive">
Теперь, если мы уменьшим размеры экрана, то наша картинка будет уменьшаться. А прежде чем смотреть демо или качать урок, давайте рассмотрим еще 3 интересных класса.
<img src="..." alt="..." class="img-rounded"> <img src="..." alt="..." class="img-circle"> <img src="..." alt="..." class="img-thumbnail">
- img-rounded — отвечает за скругление углов картинки
- img-circle — полностью скругляет картинку, делая ее круглой или овальной
- img-thumbnail — делает у картинки рамочку
А теперь можно взглянуть и демо. Как видим, у нас применены все рассмотренные классы и каждая картинка теперь отзывчивая (уменьшите для этого окно браузера).