آواتارها

مثال پایه

با کلاس های css آواتارهایی با اندازه ها و شکل های مختلف ایجاد و گروه بندی کنید. با استفاده از قرارداد نامگذاری بوت استرپ، می توانید اندازه آواتار از جمله آواتار استاندارد را کنترل کنید یا آن را به اندازه های مختلف تغییر دهید.

تصویر

.avatar-xs

تصویر

.avatar-sm

تصویر

.avatar-md

تصویر

.avatar-lg

تصویر

.avatar-xl

دایره گرد

استفاده از یک کلاس اضافی .rounded-circleدر <img>عنصر، آواتار گرد را ایجاد می کند.

تصویر

.avatar-md .rounded-circle

تصویر

.avatar-lg .rounded-circle

تصویر

.avatar-xl .rounded-circle

اشکال تصاویر

آواتارها با اندازه ها و شکل های مختلف.

تصویر

.rounded

تصویر

.rounded

تصویر

.rounded-circle

تصویر

.img-thumbnail

تصویر

.rounded-circle .img-thumbnail

© تاپلوکس.