Avatar

Size

Using Bootstrap's typical naming structure, you can create a standard avatar, or scale it up to different sizes based on what's needed.

Status Indicator

Add an online or offline status indicator to show user's availability.

Shape

Change the shape of an avatar with the default Bootstrap image classes.

Ratio

Change the proportional relationship between the width and height of an avatar to 4 by 3 by setting the landscape property.

Title

You won't always have an image for every user, so easily use initials instead.

<fmv-avatar> Reference

My YC My YC

My YC is a beautifully crafted user interface for modern Education Platforms, including Courses & Tutorials, Video Lessons, Student and Teacher Dashboard, Curriculum Management, Earnings and Reporting, ERP, HR, CMS, Tasks, Projects, eCommerce and more.

Terms Privacy policy

Copyright 2026 © All rights reserved.