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

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">

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


Об авторе

@altarasov administrator

Пока лишь 1 комментарий

Задания по изображениям в HTMLДата:11:00 дп - Май 18, 2016

[…] * Посмотрите как устроена работа с изображениями в Bootstrap. […]

Вы должны быть авторизованы, чтобы оставить комментарий.