Avatar
The Avatar component is used to represent a user, and displays the profile picture or Initials.
Image Avatars
Avatar is available in 4 different sizes. You can use image in
Avatar. You need to include class
avatar and for size add class
according to size
avatar-lg-size, avatar-md-size, avatar-sm-size,
avatar-xs-size(e.g.
class="avatar avatar-lg-size")
Copy the styles of different avatars and use it in your code.
Letter Avatars
You can use initial letters of user in Avatar as well. You need to include class avatar-text along with avatar and size class. (e.g. class="avatar avatar-lg-size avatar-text")
Square Avatars
Adding a class square to existing class, will generate a square shaped avatar.