Images

Image Thumbnails
In addition to our border-radius utilities, you can use .img-thumbnailto give an image a rounded 1px border appearance.
Thumbnail Image
Image Rounded
In addition to our border-radius utilities, you can use .roundedto give an image a rounded 1px border appearance.
Rounded Image
Image Circle
In addition to our border-radius utilities, you can use .rounded-circleto give an image a rounded 1px border appearance.
Rounded Image
Image Center
In addition to our image position utilities, you can use .mx-auto & .d-blockto give an image a rounded 1px border appearance.
Rounded Image
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.
Responsive image