Avatar
Default Avatar
To create a default avatar, use the .avatar
class. Set the height and width of the image using inline attributes.
AS
![](https://dummyimage.com/100x50/fff/000.jpg)
Avatar Sizes
Use class .avatar-{sm|lg|xl}
along with .avatar
to modify the size of your avatar.
AS
AS
AS
AS
![](https://dummyimage.com/100x150/fff/000.jpg)
![](https://dummyimage.com/100x150/fff/000.jpg)
![](https://dummyimage.com/200x200/fff/000.jpg)
Avatar Status
To add a status indicator to your avatar, use the class .avatar-status
and .bg-{color}
after the avatar element.
![User](https://dummyimage.com/50x50/fff/000.jpg)
![User](https://dummyimage.com/50x50/fff/000.jpg)
![User](https://dummyimage.com/200x200/fff/000.jpg)