Bootstrap CSS Изображения справка
Bootstrap изображения
Закругленные углы:
Круг:
Миниатюру:
< img > классы
Классы, приведенные ниже, можно использовать для оформления любого изображения:
| Class | Description | |
|---|---|---|
| .img-rounded | Добавляет закругленные углы к изображению (не доступно в IE8) | |
| .img-circle | Формирует изображение в окружность (не доступно в IE8) | |
| .img-thumbnail | Формирует изображение на миниатюру | |
| .img-responsive | Делает изображение отзывчивым (будет масштабироваться красиво к родительскому элементу) |
Адаптивные образы
Создание адаптивных образов путем добавления .img-responsive класса к <img> тегу. После этого изображение будет хорошо масштабироваться до родительского элемента.
.img-responsiveкласс применяется max-width: 100% , height: auto и display:block к изображению:
Пример
<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">
