آواتارها
اندازه - تصاویر
با کلاس های 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
اندازه - رنگ پس زمینه
استفاده از کلاس های پس زمینه ابزارهای کاربردی به عنوان مثال.bg-*به شما امکان می دهد هر رنگ پس زمینه ای را نیز داشته باشید.
با استفاده از.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