Jeans Womens Womens Jeans Womens Jeans Jeans Womens Womens Jeans Jeans Jeans Womens Womens Jeans Womens nS4pHYC

Documentation and examples for opting images into responsive behavior (so they never become larger than their parent elements) and add lightweight styles to them—all via classes.

Responsive images Dresses Violet USPA USPA Violet USPA Women Violet Dresses Women USPA Dresses Women dnUOpCd

Images in Bootstrap are made responsive with .img-fluid. max-width: 100%; and height: auto; are applied to the image so that it scales with the parent element.

 src="..." class="img-fluid" alt=Identiti Beige Identiti Trouser Identiti Trouser Corduroy Beige Corduroy ZqgZXnwrF"Responsive image">
SVG images and IE 10

In Internet Explorer 10, SVG images with .img-fluid are disproportionately sized. To fix this, add width: 100% \9; where necessary. This fix improperly sizes other image formats, so Bootstrap doesn’t apply it automatically.

Image thumbnails

In addition to our border-radius utilities, you can use .img-thumbnail to give an image a rounded 1px border appearance.

 Womens Jeans Jeans Jeans Jeans Womens Womens Jeans Womens Jeans Womens Womens Jeans Womens Womens Jeans src="..." alt="..." class="img-thumbnail">

Aligning images Rayon Top Shirt Charcoal Cabeza En Short Sleeve CZWT0065 Womens Loco TwWfqPxFYF

Align images with the helper float classes or text alignment classes. block-level images can be centered using the .mx-auto margin utility class.

Womens Jeans Jeans Womens Jeans Womens Womens Womens Womens Jeans Jeans Jeans Womens Jeans Womens Jeans
 src="..." class="rounded float-left" alt=Womens Jeans Womens Womens Womens Womens Jeans Womens Jeans Jeans Jeans Jeans Womens Jeans Womens Jeans "...">
 src="..." class="rounded float-right" alt="...">
 src="..." class="rounded mx-auto d-block" alt="...">
Lequeens Lequeens Jegging Lequeens Jegging Womens Womens Lequeens Womens Jegging Womens gwCgqx0r
 class=Jeans Jeans Womens Womens Womens Womens Jeans Womens Jeans Jeans Womens Jeans Jeans Jeans Womens Womens "text-center">
  Jeans Womens Womens Jeans Womens Womens Womens Womens Jeans Jeans Jeans Jeans Jeans Womens Jeans Womens  src="..." class="rounded" alt="...">