رنگ ها
گزینه های رنگ
متفاوت استفاده کنید color style برای رنگ کردن خود
عنصر با جدول داده شده
| رنگ ها | پس زمینه گرادیان |
پس زمینه رنگ |
پس زمینه نرم |
مرز رنگ ها |
متن رنگ ها |
|||||
|---|---|---|---|---|---|---|---|---|---|---|
| اولیه |
.bg-gradient
|
.bg-primary
|
.bg-primary-subtle
|
.border-primary
|
.text-primary
|
متن-اولیه
|
||||
| ثانویه |
.bg-gradient
|
.bg-secondary
|
.bg-secondary-subtle
|
.border-secondary
|
.text-secondary
|
متن ثانویه
|
||||
| موفقیت |
.bg-gradient
|
.bg-success
|
.bg-success-subtle
|
.border-success
|
.text-success
|
متن-موفقیت
|
||||
| اطلاعات |
.bg-gradient
|
.bg-info
|
.bg-info-subtle
|
.border-info
|
.text-info
|
متن-اطلاعات
|
||||
| هشدار |
.bg-gradient
|
.bg-warning
|
.bg-warning-subtle
|
.border-warning
|
.text-warning
|
هشدار متنی
|
||||
| خطر |
.bg-gradient
|
.bg-danger
|
.bg-danger-subtle
|
.border-danger
|
.text-danger
|
متن خطر
|
||||
| تاریک |
.bg-gradient
|
.bg-dark
|
.bg-dark-subtle
|
.border-dark
|
.text-dark
|
متن تاریک
|
||||
| نور |
.bg-gradient
|
.bg-light
|
.bg-light-subtle
|
.border-light
|
.text-light
|
متن نور
|
||||
| بدن |
-
|
-
|
.bg-body
|
-
|
-
|
-
|
-
|
.text-body
|
متن-بدنه
|
|
| ثانویه بدن |
-
|
-
|
.bg-body-secondary
|
-
|
-
|
-
|
-
|
.text-body-secondary
|
متن-بدنه-ثانویه
|
|
| بدن سوم |
-
|
-
|
.bg-body-tertiary
|
-
|
-
|
-
|
-
|
.text-body-tertiary
|
متن - بدن - درجه سوم
|
|
| تاکید بر بدن |
-
|
-
|
-
|
-
|
-
|
-
|
-
|
-
|
.text-body-emphasis
|
متن-بدن-تاکید
|
| بی صدا شد |
-
|
-
|
-
|
-
|
-
|
-
|
-
|
-
|
.text-muted
|
متن قطع شده
|
| سفید |
-
|
-
|
-
|
-
|
-
|
-
|
-
|
-
|
.text-white
|
متن-سفید
|
| سفید-50 |
-
|
-
|
-
|
-
|
-
|
-
|
-
|
-
|
.text-white-50
|
متن-سفید-50
|
| سیاه-50 |
-
|
-
|
-
|
-
|
-
|
-
|
-
|
-
|
.text-black-50
|
متن-مشکی-50
|
| Opacity-10 |
-
|
-
|
.bg-opacity-10 |
|
-
|
-
|
.border-opacity-10
|
-
|
-
|
|
| Opacity-25 |
.opacity-25 |
|
.bg-opacity-25 |
|
-
|
-
|
.border-opacity-25
|
.text-opacity-25
|
text-opacity-25
|
|
| Opacity-50 |
.opacity-50 |
|
.bg-opacity-50 |
|
-
|
-
|
.border-opacity-50
|
.text-opacity-50
|
text-opacity-50
|
|
| Opacity-75 |
.opacity-75 |
|
.bg-opacity-75 |
|
-
|
-
|
.border-opacity-75
|
.text-opacity-75
|
text-opacity-75
|
|
| Opacity-100 |
.opacity-100 |
|
.bg-opacity-100 |
|
-
|
-
|
.border-opacity-100
|
.text-opacity-100
|
text-opacity-100
|
|
تاکید بر رنگ ها
.text-primary-emphasis
|
متن-اولیه-تاکید
|
.text-secondary-emphasis
|
متن-ثانویه-تاکید
|
.text-success-emphasis
|
متن-موفقیت-تاکید
|
.text-info-emphasis
|
متن-اطلاعات-تاکید
|
.text-warning-emphasis
|
متن-هشدار-تاکید
|
.text-danger-emphasis
|
متن-خطر-تاکید
|
.text-dark-emphasis
|
متن-تاریک-تاکید
|
.text-light-emphasis
|
متن-نور-تاکید
|