خدمات رفاهی

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

فقط داشونیک

.bg-primary
.bg-ثانویه
.bg-موفقیت
.bg- خطر
.bg-warning
.bg-info
.bg-light
.bg-dark
.bg-سفید
.bg-transparent
bg-opacity-75
bg-opacity-50
bg-opacity-25

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

فقط داشونیک

.bg-primary .bg-gradient
bg-secondary .bg-gradient
.bg-success .bg-gradient
.bg-danger .bg-gradient
.bg-warning .bg-gradient
.bg-info .bg-gradient
.bg-light .bg-gradient
.bg-dark .bg-gradient
bg-white .bg-gradient
bg-transparent .bg-gradient
bg-opacity-75 .bg-gradient
bg-opacity-50 .bg-gradient
bg-opacity-25 .bg-gradient

مرز افزودنی

اسناد

مرز تفریقی

اسناد

رنگ های حاشیه

اسناد

کدورت مرزی

اسناد

عرض مرز

اسناد

شعاع مرزی

اسناد

اندازه های گرد

اسناد

رنگ ها

اسناد

.text-primary

.text-secondary

.text-موفقیت

.متن خطر

شفافیت 75 درصد

متن-اطلاعات

متن قطع شده است

.text-dark

.text-black-50

شفافیت 50 درصد

متن هشدار

.text-light

متن-سفید

.text-white-50

شفافیت 25 درصد

جهت Flex Row ‌ Reverse

اسناد
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3

رشد و کوچک شدن

اسناد
مورد فلکس
مورد فلکس
سومین مورد انعطاف پذیر
مورد فلکس
فلکسیتم

رفتارهای فلکس را فعال کنید

اسناد
من یک ظرف فلکس باکس هستم!
من یک ظرف فلکس باکس درون خطی هستم!

مطالب را توجیه کنید

اسناد
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3

بسته بندی کردن

اسناد
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 4
مورد فلکس 5
مورد فلکس 6
مورد فلکس 7
مورد فلکس 8
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 4
مورد فلکس 5
مورد فلکس 6
مورد فلکس 7
مورد فلکس 8
فلکس مورد 9
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 4
مورد فلکس 5
مورد فلکس 6
مورد فلکس 7
مورد فلکس 8
فلکس مورد 9

جهت ستون فلکس و معکوس

اسناد
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3

خود را تراز کنید

اسناد
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3

تراز کردن موارد

اسناد
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3

با تراز

اسناد
مورد فلکس
مورد فلکس
مورد فلکس
مورد فلکس
مورد فلکس
مورد فلکس

پر کنید

اسناد
مورد فلکس با محتوای زیاد
مورد فلکس
مورد فلکس

حاشیه های خودکار

اسناد
مورد فلکس
مورد فلکس
مورد فلکس
مورد فلکس
مورد فلکس
مورد فلکس
مورد فلکس
مورد فلکس
مورد فلکس

شکاف

اسناد
مورد گرید 1
مورد شبکه 2
مورد شبکه 3

بسته بندی و سرریز متن

اسناد
این متن باید بسته بندی شود.
این متن باید سرریز از والد باشد.

شکستن کلمه

اسناد

ممممممممممممممممممممممممممممممممممممممممممممممممممممممممممممممممممممم

اندازه فونت

اسناد

متن fs-1

متن fs-2

متن fs-3

متن fs-4

متن fs-5

متن fs-6

تراز کردن محتوا

اسناد
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 4
مورد فلکس 5
مورد فلکس 6
مورد فلکس 7
مورد فلکس 8
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 4
مورد فلکس 5
مورد فلکس 6
مورد فلکس 7
مورد فلکس 8
فلکس مورد 9
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 4
مورد فلکس 5
مورد فلکس 6
مورد فلکس 7
مورد فلکس 8
فلکس مورد 9
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 4
مورد فلکس 5
مورد فلکس 6
مورد فلکس 7
مورد فلکس 8
فلکس مورد 9
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 4
مورد فلکس 5
مورد فلکس 6
مورد فلکس 7
مورد فلکس 8
فلکس مورد 9
مورد فلکس 1
مورد فلکس 2
مورد فلکس 3
مورد فلکس 4
مورد فلکس 5
مورد فلکس 6
مورد فلکس 7
مورد فلکس 8
فلکس مورد 9

سفارش

اسناد
اولین مورد فلکس
آیتم فلکس دوم
سومین مورد انعطاف پذیر

شناور

اسناد
شروع شناور در همه اندازه‌های درگاه دید

انتهای شناور در تمام اندازه‌های درگاه دید

روی همه اندازه‌های درگاه دید شناور نشوید

انتخاب متن

اسناد

این پاراگراف با کلیک کاربر به طور کامل انتخاب می شود.

این پاراگراف دارای رفتار انتخاب پیش فرض است.

این پاراگراف با کلیک کاربر قابل انتخاب نخواهد بود.

رویدادهای اشاره گر

اسناد

این لینک can not be clicked.

این لینک can be clicked (this is default behavior).

این لینک can not be clicked because the pointer-events property is inherited from its parent. However, این لینک has a pe-auto class and can be clicked.

تراز متن

اسناد

متن تراز شده را در همه اندازه‌های درگاه دید شروع کنید.

متن تراز شده در مرکز در همه اندازه‌های درگاه دید.

پایان متن تراز شده در همه اندازه‌های درگاه دید.

متن تراز شده را در نماهایی با اندازه SM (کوچک) یا بزرگتر شروع کنید.

متن تراز شده را در نماهایی با اندازه MD (متوسط) یا بزرگتر شروع کنید.

متن تراز شده را در نماهایی با اندازه LG (بزرگ) یا بزرگتر شروع کنید.

متن تراز شده را در نماهایی با اندازه XL (بسیار بزرگ) یا بزرگتر شروع کنید.

پشته ها

عمودی

اسناد
مورد اول
مورد دوم
مورد سوم
نمونه های پشته های عمودی

افقی

اسناد
مورد اول
مورد دوم
مورد سوم

استفاده از ابزارهای حاشیه افقی مانند.ms-auto as spacers:

مورد اول
مورد دوم
مورد سوم
نمونه های پشته های افقی

سرریز خودکار

اسناد
این یک نمونه از استفاده است.overflow-auto on an element with set width and height dimensions. By design, this content will vertically scroll.

سرریز پنهان

اسناد
این یک نمونه از استفاده است.overflow-hidden on an element with set width and height dimensions. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

سرریز قابل مشاهده است

اسناد
این یک نمونه از استفاده است.overflow-visible on an element with set width and height dimensions.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

اسکرول سرریز

اسناد
این یک نمونه از استفاده است.overflow-scroll on an element with set width and height dimensions. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

ترتیب عناصر

اسناد

عناصر مرکزی

اسناد

عناصر مرکزی

اسناد

سایه ها

اسناد
بدون سایه
سایه کوچک
سایه منظم
سایه بزرگتر

عرض

اسناد
عرض 25%
عرض 50%
عرض 75%
عرض 100%
عرض خودکار

ارتفاع

اسناد
قد 25%
قد 50%
قد 75%
قد 100%
ارتفاع خودکار

ارتفاع خط

اسناد

این یک پاراگراف طولانی است که برای نشان دادن اینکه چگونه ارتفاع خط یک عنصر تحت تأثیر برنامه های کاربردی ما قرار می گیرد نوشته شده است.

این یک پاراگراف طولانی است که برای نشان دادن اینکه چگونه ارتفاع خط یک عنصر تحت تأثیر برنامه های کاربردی ما قرار می گیرد نوشته شده است.

این یک پاراگراف طولانی است که برای نشان دادن اینکه چگونه ارتفاع خط یک عنصر تحت تأثیر برنامه های کاربردی ما قرار می گیرد نوشته شده است.

این یک پاراگراف طولانی است که برای نشان دادن اینکه چگونه ارتفاع خط یک عنصر تحت تأثیر برنامه های کاربردی ما قرار می گیرد نوشته شده است.

وزن قلم و حروف کج

اسناد

متن پررنگ.

متن وزن پررنگ تر (نسبت به عنصر والد).

متن با وزن معمولی

متن سبک وزن

متن سبک تر (نسبت به عنصر والد).

متن کج.

متن با سبک فونت معمولی

ویژگی نمایش

اسناد
d-inline
d-inline
d-block d-block

تبدیل متن

اسناد

متن با حروف کوچک.

متن بزرگ.

متن با حروف بزرگ

تزیین متن

اسناد

این متن یک خط زیر آن دارد.

این متن دارای یک خط است که از آن عبور می کند.

تزیین متن این لینک حذف شده است

دید

اسناد
Lorem ipsum dolor sit amet، consectetur adipiscing elit، sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

چیدمان عمودی

اسناد
خط پایه بالا وسط پایین متن بالا متن-پایین

تک فضا و تنظیم مجدد رنگ

اسناد

این در monospace است

متن قطع شده با areset link.

سایه ها

اسناد
بدون سایه
سایه کوچک
سایه منظم
سایه بزرگتر
© Dashonic.
ساخته شده باتوسطPichforest