Bootstrap 3 Images
- Bootstrap's global default font-size is 14px, with a line-height of 1.428.
- This is applied to the <body> element and all paragraphs (<p>).
- In addition, all <p> elements have a bottom margin that equals half their computed line-height (10px by default).
Images in Bootstrap 3 can be made responsive-friendly via the addition of the .img-responsive class. This applies max-width: 100%;, height: auto; and display: block; to the image so that it scales nicely to the parent element.
To center images which use the .img-responsive class, use .center-block instead of .text-center. See the helper classes section for more details about .center-block usage.
<img src="..." class="img-responsive" alt="Responsive image">
Add classes to an <img> element to easily style images in any project.
.img-rounded class adds rounded corners to an image (IE8 does not support rounded corners):
<img src="..." alt="..." class="img-rounded">
.img-circle class shapes the image to a circle (IE8 does not support rounded corners):
<img src="..." alt="..." class="img-circle">
.img-thumbnail class shapes the image to a thumbnail:
<img src="..." alt="..." class="img-thumbnail">