Opt your images into responsive behavior (so they never become larger than their parent elements) and add lightweight styles to them—all via classes.
Images in Figuration are made responsive with
max-width: 100%; and
height: auto; are applied to the image so that it scales with the parent element.
SVG Images and IE 9-10
In Internet Explorer 9-10, SVG images with
.img-responsive are disproportionately sized. To fix this, add
width: 100% \9; where necessary. This fix improperly sizes other image formats, so Figuration doesn’t apply it automatically.
.img-thumbnail to give an image a bordered appearance.
You might also want to check the border utilites for additional options.