Avatar
Avatar Shapes
Use avatar
class to style an avatar. Your can also use the following classes
avatar-square
, avatar-rounded
, avatar-circle
to change the
shape of the avatar.
Avatar Sizes
Use
avatar-sm
,
avatar-md
and
avatar-lg
to size avatars. Default is
avatar-md
.
Avatar With Placeholder Icons
Example of avatar with placeholder icons.
Avatar With Placeholder Text
Example of avatar with placeholder text.
Avatar With Theme Color
Use any contextual color class avatar-*
to change the background color of the avatar.
Avatar With Status Indicator
Example of avatar with status indicator.
Avatar Group
Use avatar-group
to group avatars.