Images
Image Rounded & Circle
Use classes
.rounded
and .rounded-circle
.
![200x200](assets/images/small/img-4.jpg)
![200x200](assets/images/users/avatar-4.jpg)
Image thumbnails
In addition to our border-radius utilities, you can use
.img-thumbnail
to give an image a
rounded 1px border appearance.
![200x200](assets/images/small/img-3.jpg)
![200x200](assets/images/users/avatar-3.jpg)
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](assets/images/small/img-2.jpg)
Image Sizes
![avatar-3](assets/images/users/avatar-3.jpg)
.avatar-sm
![avatar-4](assets/images/users/avatar-4.jpg)
.avatar-md
![avatar-5](assets/images/users/avatar-5.jpg)
.avatar-lg
![avatar-3](assets/images/users/avatar-3.jpg)
.avatar-sm
![avatar-4](assets/images/users/avatar-4.jpg)
.avatar-md
![avatar-5](assets/images/users/avatar-5.jpg)
.avatar-lg