Images
Images shapes
Add classes to an <img>
element to easily style
images in any project.

.rounded

.rounded-circle

.img-thumbnail
Image sizes
Add classes to an <img>
element to easily style
images in any project.

.avatar-xs

.avatar-sm

.avatar-md

.avatar-lg

.avatar-xl
Border-radius
Add classes to an element to easily round its corners.

.rounded

.rounded-top

.rounded-end

.rounded-bottom

.rounded-start

.rounded-circle
Sizes
Use the scaling classes for larger or smaller rounded corners

.rounded-0

.rounded-1

.rounded-2

.rounded-3