Bootstrap изображения

Bootstrap изображения, классы

Bootstrap изображения, классы

В Bootstrap изображения оформляются классом  .img-responsive. Он применяется свойства max-width: 100%;, height: auto; и display: block; так, чтобы изображение отображалось красиво относительно родительского элемента. Для центровки изображения с классом .img-responsive. используйте класс  .center-block вместо .text-center. В IE 8-10 SVG изображения масштабируются непропорционально. Для решения этой проблемы используется width: 100% \9;

Bootstrap изображения

Виды оформлений изображений в Bootstrap

Виды оформлений изображений в Bootstrap

Для оформления изображений в рамку и/или загругления углов, используются классы .img-rounded, .img-circle, .img-thumbnail. Пример кода:

<img src="..." alt="..." class="img-rounded">
<img src="..." alt="..." class="img-circle">
<img src="..." alt="..." class="img-thumbnail">

Об изображениях  из первоисточника.

Bootstrap изображения: 1 комментарий

  1. Уведомление: Задания по изображениям в HTML

Добавить комментарий