Helper Icon Image
دسترسی نامحدود

به برنامه ریزی برای دسترسی به گزارش های نامحدود ارتقا دهید

ارتقا دهید

آواتارها

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

با کلاس های css آواتارهایی با اندازه ها و شکل های مختلف ایجاد و گروه بندی کنید.\n

image

.avatar-xs

image

.avatar-sm

image

.avatar-md

image

.avatar-lg

image

.avatar-xl

                                                    \u003c!-- آواتار فوق العاده کوچک --\u003e\n                                                            
                                                

دایره گرد

استفاده از کلاس اضافی.rounded-circle in <img> element creates the rounded avatar.

image

.avatar-md .rounded-circle

image

.avatar-lg .rounded-circle

image

.avatar-xl .rounded-circle

                                                    \u003c!-- آواتار رسانه --\u003e\n                                                        
                                                

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

استفاده از کلاس های پس زمینه ابزارهای کاربردی به عنوان مثال.bg-* allows you to have any background color as well.

xs

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

اس ام

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

MD

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

ال جی

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

XL

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

                                                    \u003c!-- آواتار فوق العاده کوچک --\u003e\n                                                        
                                                

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

استفاده از کلاس اضافی.rounded-circle in <img> element creates the rounded avatar.

MD

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

ال جی

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

XL

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

                                                    \u003c!-- آواتار رسانه --\u003e\n                                                        
                                                

اشکال تصاویر

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

image

.rounded

image

.rounded

image

.rounded-circle

image

.img-thumbnail

image

.rounded-circle .img-thumbnail

                                                    \u003c!-- گرد --\u003e\n                                                        
                                                
تنظیمات پوسته
Layout را انتخاب کنید
عمودی
افقی
طرح رنگی
سبک
تاریک
حالت چیدمان
مایع
جعبه دار
جدا
رنگ نوار بالای صفحه
سبک
تاریک
موقعیت چیدمان