Default

Wrap your content with .avatar class and wrap your text in .avatar-content to create a avatar.You have to use inline attributes to set height width of image in default avatar.

LD
John
avtar img holder

Sizes

use class .avatar-{sm|lg|xl} to modify size of your avatar.

LD
avtar img holder
avtar img holder

Colors

use class bg-{color-name} to change background color of your avatar

P
S
D
I
W

Avatar With Badge

You can add notification label to avatar by using .badge with .badge-up

7
5
6

Icons

Status

use class .avatar-status-{online | offline | away | busy} after .avatar-content to create avatar with status

LD
John
avtar img holder
امروز

چطور میتوانیم کمک کنیم؟ 😄

7:45 AM

سلام جان ، من به دنبال بهترین الگوی مدیر هستم.

لطفاً می توانید به من کمک کنید تا این موضوع را پیدا کنم؟ 🤔

7:50 AM

مدیر پشته الگوی پاسخگو بوت استرپ 4 است.

8:01 AM