آواتور
اندازه - تصاویر
آواتارها را با اندازه ها و شکل های مختلف با کلاس های سی اس اس ایجاد و گروه بندی کنید. با استفاده از کنوانسیون نامگذاری بوت سترپ ، می توانید اندازه آواتار را از جمله کنترل کنید آواتار استاندارد ، یا آن را تا اندازه های مختلف مقیاس کنید.
.avatar-xs
.avatar-sm
.avatar-md
.avatar-lg
.avatar-xl
اندازه - رنگ پس زمینه
استفاده از کلاسهای برنامه های کاربردی به عنوان مثال 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-circle در <img>
عنصر آواتار گرد را ایجاد می کند.
.avatar-md .rounded-circle
.avatar-lg .rounded-circle
.avatar-xl .rounded-circle
گروه آواتار
آواتارها را با اندازه ها و شکل های مختلف با کلاس های سی اس اس ایجاد و گروه بندی کنید. با استفاده از کنوانسیون نامگذاری بوت سترپ ، می توانید اندازه آواتار را از جمله کنترل کنید آواتار استاندارد ، یا آن را تا اندازه های مختلف مقیاس کنید.
شکل تصاویر
آواتارها با اندازه ها و شکل های مختلف.
.rounded
.rounded
.rounded-circle
.img-thumbnail
.rounded-circle .img-thumbnail