Images
Image Thumbnails
Docs![200x200](assets/images/small/img-3.jpg)
.img-thumbnail
![200x200](assets/images/users/avatar-3.jpg)
.img-thumbnail
Image Rounded & Circle
Dashonic Only
![200x200](assets/images/small/img-4.jpg)
.rounded
![200x200](assets/images/users/avatar-4.jpg)
.rounded-circle
Rounded Image Sizes
Dashonic Only
![](assets/images/users/avatar-2.jpg)
.avatar-xs
![](assets/images/users/avatar-4.jpg)
.avatar-sm
![](assets/images/users/avatar-5.jpg)
.avatar
![](assets/images/users/avatar-2.jpg)
.avatar-md
![](assets/images/users/avatar-8.jpg)
.avatar-lg
![](assets/images/small/img-2.jpg)
.avatar-xl
Rounded Circle Image Sizes
Dashonic Only
![](assets/images/users/avatar-2.jpg)
.avatar-xs
![](assets/images/users/avatar-4.jpg)
.avatar-sm
![](assets/images/users/avatar-5.jpg)
.avatar
![](assets/images/users/avatar-2.jpg)
.avatar-md
![](assets/images/users/avatar-8.jpg)
.avatar-lg
![](assets/images/users/avatar-10.jpg)
.avatar-xl
Responsive Images
Docs![Responsive image](assets/images/small/img-2.jpg)
Media Object Default
Docs![](assets/images/users/avatar-10.jpg)
This is some content from a media component. You can replace this with any content and adjust it as needed.
Media Object Center
Docs![](assets/images/users/avatar-10.jpg)
This is some content from a media component. You can replace this with any content and adjust it as needed.
Media Object Bottom
Docs![](assets/images/users/avatar-10.jpg)
This is some content from a media component. You can replace this with any content and adjust it as needed.