Image
Opt your images into responsive behavior and add lightweight styles to them, all via classes.
Responsive images
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.

Image shapes
Easily create images in different shapes with adding one class to the <img> tag.



Figures
Anytime you need to display a piece of content—like an image with an optional caption, consider using a <figure>
.
