Allow images to become responsively resized, or add a bit of style to them.
Images can be made to scale with their container width by using
.img-fluid. This applies
max-width: 100%; and
height: auto; the image, allowing the aspect ratio to be maintained.
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 we do not apply it automatically.
.img-thumbnail to give an image a bordered appearance.
You might also want to check the border utilites for additional options.
If you are using the
<picture> element to specify multiple
<source> elements for a specific
<img>, make sure to add the
.img-* classes to the
<img> and not to the