Image Classes in Bootstrap

Apply helpful styles to your pictures using Bootstrap’s image classes:

<img src="..." alt="..." class="img-responsive">

Centering

Use .center-block to center an image horizontally with a .img-responsive class:

<img src="..." alt="..." class="img-responsive center-block">

Here’s more!

Use these classes to polish the look of your images:

• .img-rounded: Applies a slight curve to image borders.
• .img-circle: Shapes your image into a circle.
• .img-thumbnail: Gives your image a slight padding and a slick border.