Картинки в Bootstrap не являются отзывчивыми по умолчанию, что очень странно для платформы нацеленной на мобильные устройства.
Для придания им отзывчивости, добавляем класс .img-responsive.
Добавим этот класс к первой картинке.
При просмотре на маленьком экране видим разницу:
Bootstrap 3 предлагает различные способы оформления картинок.
Первый способ: закругление всей картинки:
Добавляем класс .img-circle.
Результат:
Второй способ: закругление углов картинки:
Добавляем класс .img-rounded.
Результат:
Детальный вид одной картинки:
Третий способ: помещение картинки в рамку:
Добавляем класс .img-thumbnail.
Результат:
Детальный вид одной картинки:
Смотреть продолжение — Урок 7
Добавить комментарий