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.