Avatars

Create and group avatars of different sizes and shapes with the size modifier css classes e.g. avatar-{xl|lg|md|sm|xs}. Using Bootstrap's naming convention, you can control size of avatar including standard avatar, or scale it up to different sizes.

Using an additional class .rounded-circle, you can create the rounded avatar.

Using an additional class .avatar-border, you can give a nice border.

Wrap the list of avatars with class .avatar-group to group and show multiple avatars.