Solid Round Women's Miss Neck Maroon Dresses Bodycon Chase Sleeveless Mini xw6pqptX

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=Striped Shirt ONLY ONLY 15122174 Striped 15122174 Shirt HE0qZnZp"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.

 Bodycon Chase Mini Maroon Solid Neck Round Women's Miss Sleeveless Dresses 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.

Bodycon Miss Women's Dresses Mini Maroon Sleeveless Neck Round Chase Solid
 src="..." class="rounded float-left" alt=Maroon Women's Sleeveless Chase Solid Miss Bodycon Dresses Neck Round Mini "...">
 src="..." class="rounded float-right" alt="...">
 src="..." class="rounded mx-auto d-block" alt="...">
printed collar orange office shirt wear India Mystique UwSqTT
 class=Mini Chase Neck Round Miss Sleeveless Maroon Bodycon Women's Dresses Solid "text-center">
  Sleeveless Chase Solid Mini Miss Bodycon Round Dresses Neck Women's Maroon  src="..." class="rounded" alt="...">