Bootstrap изображения
Закругленные углы:
Круг:
Эскиз:
<img> Классы
Приведенные ниже классы могут быть использованы для оформления любого изображения:
| Класс | Описание | пример |
|---|---|---|
| .img-rounded | Добавляет закругленные углы к изображению (не доступен в IE8) | Попробуй |
| .img-circle | Формирует изображение в круг (не доступен в IE8) | Попробуй |
| .img-thumbnail | Формирует изображение в миниатюре | Попробуй |
| .img-responsive | Делает изображение отзывчивым (масштабируются красиво к родительскому элементу) | Попробуй |
Адаптивные изображения
Создание реагирующие изображения путем добавления .img-responsive класс к <img> тег. Изображение будет затем масштабировать красиво к родительскому элементу.
.img-responsive класс применяется max-width: 100% , height: auto , и display:block к изображению: