Bootstrap стили для изображений

В наборе стилей Bootstrap имеются готовые стили для изображений

<img alt="сюда описание картинки" class="сюда стиль" src="сюда ссылку на картинку" />

Класс img-rounded добавляет небольшой border-radius

Илья Илья

Класс img-circle добавляет большой border-radius, делая картинку круглой

Илья Илья

Класс img-thumbnail добавляет рамку, которая привычно ожидается для уменьшенных изображений, со ссылкой на оригинальное изображение

Илья Илья

Комментариев 1
Виктор Григоренко
Виктор Григоренко

2016-05-17

В качестве дополнения можно добавить еще один класс который позволит адаптировать изображение под размеры контейнера в котором оно находится. class="img-responsive"

Пример:


описание изображения


Для более быстрой обработки классов браузером рекомендуется использовать стиль для изображения на первом месте, а после него использовать ссылку на изображение, затем указывать описание изображения.
Важно понимать, что описание изображения должно соответствовать тому, что изображено на картинке или фотографии - это поможет поисковым системам распознавать изображение намного лучше.

Нужна авторизация с помощью
Об авторе
Илья Илья

меня можно найти тут

 
Отцеп для блесен "петля на палке"