Images
Images shapes
Add classes to an <img>
element to easily style
images in any project.
![image](assets/images/small/img-1.jpg)
.rounded
![image](assets/images/users/avatar-6.jpg)
.rounded-circle
![image](assets/images/small/img-3.jpg)
.img-thumbnail
Image sizes
Add classes to an <img>
element to easily style
images in any project.
![image](assets/images/users/avatar-2.jpg)
.avatar-xs
![image](assets/images/users/avatar-2.jpg)
.avatar-sm
![image](assets/images/users/avatar-2.jpg)
.avatar-md
![image](assets/images/users/avatar-2.jpg)
.avatar-lg
![image](assets/images/users/avatar-2.jpg)
.avatar-xl
Border-radius
Add classes to an element to easily round its corners.
![image](assets/images/users/avatar-3.jpg)
.rounded
![image](assets/images/users/avatar-3.jpg)
.rounded-top
![image](assets/images/users/avatar-3.jpg)
.rounded-end
![image](assets/images/users/avatar-3.jpg)
.rounded-bottom
![image](assets/images/users/avatar-3.jpg)
.rounded-start
![image](assets/images/users/avatar-3.jpg)
.rounded-circle
Sizes
Use the scaling classes for larger or smaller rounded corners
![image](assets/images/users/avatar-2.jpg)
.rounded-0
![image](assets/images/users/avatar-2.jpg)
.rounded-1
![image](assets/images/users/avatar-2.jpg)
.rounded-2
![image](assets/images/users/avatar-2.jpg)
.rounded-3