बूटस्ट्रैप 4 रंग
पाठ रंग
बूटस्ट्रैप 4 में कुछ प्रासंगिक वर्ग हैं जिनका उपयोग "रंगों के माध्यम से अर्थ" प्रदान करने के लिए किया जा सकता है।
टेक्स्ट रंगों के लिए कक्षाएं हैं: .text-muted
,
.text-primary
, .text-success
, .text-info
,
.text-warning
, .text-danger
, .text-secondary
, .text-white
,
.text-dark
, (डिफ़ॉल्ट बॉडी कलर / .text-body
अक्सर काला) और.text-light
उदाहरण
This text is muted.
This text is important.
This text indicates success.
This text represents some information.
This text represents a warning.
This text represents danger.
Secondary text.
Dark grey text.
Body text.
Light grey text.
प्रासंगिक पाठ वर्गों का उपयोग लिंक पर भी किया जा सकता है, जो एक गहरा होवर रंग जोड़ देगा:
उदाहरण
.text-black-50
आप या .text-white-50
कक्षाओं के साथ काले या सफेद पाठ के लिए 50% अस्पष्टता भी जोड़ सकते हैं :
उदाहरण
Black text with 50% opacity on white background
White text with 50% opacity on black background
पृष्ठभूमि रंग
पृष्ठभूमि रंगों के लिए कक्षाएं हैं: .bg-primary
,
.bg-success
, .bg-info
, .bg-warning
, .bg-danger
, .bg-secondary
, .bg-dark
और .bg-light
।
ध्यान दें कि पृष्ठभूमि रंग टेक्स्ट का रंग सेट नहीं करते हैं, इसलिए कुछ मामलों में आप उन्हें .text-*
कक्षा के साथ एक साथ उपयोग करना चाहेंगे।
उदाहरण
This text is important.
This text indicates success.
This text represents some information.
This text represents a warning.
This text represents danger.
Secondary background color.
Dark grey background color.
Light grey background color.