Image Classes in Bootstrap

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

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


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.
  Tweet It

🕵 Search Results

🔎 Searching...