Table of Contents

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

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

Centering

image classes illustration for: 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.