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 изображения

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

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

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