Изображения
Определите свои изображения на aдаптивное поведение (они никогда не станут больше, чем их родительские элементы) и добавьте легкие стили для них—всех через классы.
Содержание
Адаптивные изображения
Изображения в Bootstrap сделаны aдаптивными с .img-fluid. max-width: 100%; и height: auto; применяется к изображению, так что их масштабы с родительским элементом.
<img src="..." class="img-fluid" alt="Responsive image">SVG изображения и IE 9-10
В Internet Explorer 9-10, SVG изображения с .img-fluid несоизмеримо больше размера. Чтобы исправить это, добавьте width: 100% \9; В случае необходимости. Это исправление неправильно размеры другие Форматы изображения, таким образом Bootstrap не применяется автоматически.
Фигурные изображения
Добавьте классы к <img> элементу чтобы легко стилизовать изображения в любом проекте.
<img src="..." alt="..." class="img-rounded">
<img src="..." alt="..." class="img-circle">
<img src="..." alt="..." class="img-thumbnail">Выравнивание изображений
Выравнивание изображений с вспомогательные классы выравнивания или текст классов выравнивания. block-уровень изображения можно выровнять, используя .m-x-auto отступ служебный класс.
<img src="..." class="img-rounded pull-xs-left" alt="...">
<img src="..." class="img-rounded pull-xs-right" alt="..."><img src="..." class="img-rounded m-x-auto d-block" alt="..."><div class="text-xs-center">
<img src="..." class="img-rounded" alt="...">
</div>