آواتار can be used for displaying image, icon, or character on square or circle shaped elements. Put image, icon, or character into .avatar-display. Look the example below.

ب

گسترش عنصر پیش فرض آواتار با.avatar-circle to change its shape to be circular.

آ

اگر می خواهید اندازه آواتار را تغییر دهید، می توانید استفاده کنید.avatar-{sm|lg} helper classes

رنگ آواتار را برای عملکرد تغییر دهید، نمونه‌های زیر را بررسی کنید.

Addon را می توان جایگزین کردtop-startیاbottom-endعنصر آواتار .avatar-addon and extend with .avatar-addon-{top|bottom} to set placement. You can put نشان or نشانگر into avatar addon.

یک سری از عناصر آواتار را در آن قرار دهید.avatar-group to group the elements. Instead of applying avatar sizing classes to every avatar in a group, just add .avatar-group-{lg|sm} to each .avatar-group