Avatars
Avatars can be used to represent people or objects. They come in different sizes and can be used in various scenarios.
WS
A
<span class="avatar avatar-lg bg-blue mr-3">WS</span>
<span class="avatar avatar-lg bg-twitter mr-3"><i class="fab fa-twitter"></i></span>
<span class="avatar avatar-lg bg-red mr-3"><i class="fas fa-heart"></i></span>
<span class="avatar avatar-lg mr-3">A</span>
<img src="../assets/img/prv/thumb-1.jpg" class="avatar avatar-lg mr-3">
Additional Class Reference
You can see all the background options in the dedicated page which can be found here.
.avatar-lg
- Apply to
.avatar
to increase its size to large
.avatar-sm
- Apply to
.avatar
to decrease its size to small
.bg-{color}
- Apply to
.avatar
to change the background color