Documentation and examples for opting images into responsive behavior (so they never become wider than their parent) and add lightweight styles to them—all via classes.
Use the rounded
, roundedCircle
and thumbnail
props to customise the image and use the fluid
to scale image nicely to the parent element.
Align images with the helper float classes
or text alignment classes
.
Anytime you need to display a piece of content—like an image with an optional caption, consider using a Figure. Aligning the Figure’s caption is easy with text utilities.