Change the shape of an image using .rounded
or .circle
modifier classes. In addition use .img-thumbnail
to give an image 1px border appearance.
Align images with the helper float classes
or text alignment classes
.
Block-level images can be centered using the .mx-auto margin utility
class.
An advanced JavaScript image cropper.
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.