В наборе стилей Bootstrap имеются готовые стили для изображений
<img alt="сюда описание картинки" class="сюда стиль" src="сюда ссылку на картинку" />
Класс img-rounded добавляет небольшой border-radius
Класс img-circle добавляет большой border-radius, делая картинку круглой
Класс img-thumbnail добавляет рамку, которая привычно ожидается для уменьшенных изображений, со ссылкой на оригинальное изображение
Комментариев 1
Виктор Григоренко
2016-05-17
В качестве дополнения можно добавить еще один класс который позволит адаптировать изображение под размеры контейнера в котором оно находится. class="img-responsive"
Пример:
Для более быстрой обработки классов браузером рекомендуется использовать стиль для изображения на первом месте, а после него использовать ссылку на изображение, затем указывать описание изображения.
Важно понимать, что описание изображения должно соответствовать тому, что изображено на картинке или фотографии - это поможет поисковым системам распознавать изображение намного лучше.