Справочник по изображениям Bootstrap CSS
Начальные изображения
Закругленные углы:
Круг:
Миниатюра:
<img> Классы
Приведенные ниже классы можно использовать для стилизации любого изображения:
| Class | Description | Example |
|---|---|---|
| .img-rounded | Adds rounded corners to an image (not available in IE8) | |
| .img-circle | Shapes the image to a circle (not available in IE8) | |
| .img-thumbnail | Shapes the image to a thumbnail | |
| .img-responsive | Makes an image responsive (will scale nicely to the parent element) |
Адаптивные изображения
Создавайте адаптивные изображения, добавляя .img-responsiveкласс к <img>тегу. Затем изображение будет хорошо масштабироваться по отношению к родительскому элементу.
Класс .img-responsiveприменяется max-width: 100%, height: autoи display:blockк изображению:
Пример
<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">