رنگ‌های Bootstrap 5

رنگ متن

Bootstrap 5 چندین کلاس محتوایی دارد که می‌توانند برای ارائه "معنایی از طریق رنگ" استفاده شوند.

کلاسهای مربوط به رنگ متن عبارتند از:

  • .text-muted
  • .text-primary
  • .text-success
  • .text-info
  • .text-warning
  • .text-danger
  • .text-secondary
  • .text-white
  • .text-dark
  • .text-bodyاستفاده کنید (رنگ پیش‌فرض بدنه/معمولاً سیاه)
  • .text-light

مثال

آزمایش کنید

می‌توانید از .text-black-50 یا .text-white-50 برای افزودن 50٪ شفافیت به متن سیاه یا سفید از

مثال

آزمایش کنید

رنگ پس‌زمینه

کلاسهای مربوط به رنگ پس‌زمینه عبارتند از:

  • .bg-primary
  • .bg-success
  • .bg-info
  • .bg-warning
  • .bg-danger
  • .bg-secondary
  • .bg-dark
  • .bg-light

لطفاً توجه داشته باشید که رنگ پس‌زمینه، رنگ متن را تنظیم نمی‌کند، بنابراین در برخی موارد ممکن است نیاز باشد که آنها را با .text-* کلاسهای رنگ با هم استفاده شوند.

مثال

آزمایش کنید