آواتارها

اندازه - تصاویر

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

تصویر

.avatar-xs

تصویر

.avatar-sمیلیون

تصویر

.avatar-md

تصویر

.avatar-lg

تصویر

.avatar-xl

دایره گرد

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

تصویر

.avatar-md .rounded-circle

تصویر

.avatar-lg .rounded-circle

تصویر

.avatar-xl .rounded-circle

اندازه - رنگ پس زمینه

استفاده از کلاس‌های پس‌زمینه به‌عنوان مثال bg-*به شما امکان می‌دهد هر رنگ پس‌زمینه‌ای را نیز داشته باشید.

xs

استفاده كردن.avatar-xs

اس ام

استفاده كردن.avatar-sمیلیون

MD

استفاده كردن.avatar-md

ال جی

استفاده كردن.avatar-lg

XL

استفاده كردن.avatar-xl

پس زمینه دایره گرد

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

MD

استفاده كردن.avatar-md .rounded-circle

ال جی

استفاده كردن.avatar-lg .rounded-circle

XL

استفاده كردن.avatar-xl .rounded-circle

اشکال تصاویر

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

تصویر

.rounded

تصویر

.rounded

تصویر

.rounded-circle

تصویر

.img-thumbnail

تصویر

.rounded-circle .img-thumbnail

تنظیمات پوسته
طرح رنگی
نمایش دهید
موقعیت چیدمان
نوار بالا
هم اکنون بخرید