رنگها
رنگهای متن
بوت استرپ ۴ کلاسهای متنی (به انگلیسی: Contextual classes) دارد که میتوان از آنها برای فراهم کردن «معنا از طریق رنگ» از آنها استفاده کرد.[۱]
کلاسهای مربوط به رنگهای متن عبارتند از:: .text-muted
,.text-primary
,.text-success
,.text-info
,.text-warning
,.text-danger
,.text-secondary
,.text-white
,.text-dark
,.text-body
(رنگ بدنه پیش فرض/اغلب سیاه) و .text-light
:
مثال
کلاسهای متنی را میتوان برای لینکها نیز استفاده کرد، که یک hover تیره به آنها اضافه میکند:
مثال
همچنین میتوان شفافیت ۵۰٪ را با کلاسهای .text-black-50
یا .text-white-50
به متنهای سفید یا سیاه اضافه کرد:
مثال
رنگهای پیش زمینه
کلاسهای مربوط به رنگهای پیش زمینه عبارتند از: .bg-primary
,.bg-success
,.bg-info
, .bg-warning
,.bg-danger
,.bg-secondary
,.bg-dark
و .bg-light
.
دقت کنید که رنگهای پیش زمینه رنگ متن را تنظیم نمیکنند، بنابراین در برخی موارد باید آنها را با یک کلاس .text-*
با هم استفاده کرد.
مثال
منابع آموزشی