मूलपाठ
संरेखण, रैपिंग, वज़न आदि को नियंत्रित करने के लिए सामान्य टेक्स्ट उपयोगिताओं के लिए दस्तावेज़ीकरण और उदाहरण।
पाठ्य संरेखण
टेक्स्ट अलाइनमेंट क्लासेस वाले कंपोनेंट्स के लिए टेक्स्ट को आसानी से री-अलाइन करें।
एम्बिशनी डिडिसे स्क्रिप्सिस आईयूडीकेयरटूर। क्रैस मैटिस यूडिसियम पुरुस सिट एमेट फेरमेंटम। डोनेक सेड ओडियो ओपेरा, ईयू वल्पुटेट फेलिस रोंकस। प्रेतेरिया इटर इस्ट क्वासडैम रेस क्वास एक्स कम्यूनी। नोस हिंक पोस्टहैक पर, साइटिएंटिस पाइरोस एफ्रोस। पेटियरंट यूटी सिबी कॉन्सिलियम टोटियस गैलिया इन डायम सर्टिफिकेट इंडिसेरे। क्रैस मैटिस यूडिसियम पुरुस सिट एमेट फेरमेंटम।
बाएं, दाएं और केंद्र संरेखण के लिए, उत्तरदायी वर्ग उपलब्ध हैं जो ग्रिड सिस्टम के समान व्यूपोर्ट चौड़ाई ब्रेकप्वाइंट का उपयोग करते हैं।
सभी व्यूपोर्ट आकारों पर बाईं ओर संरेखित टेक्स्ट।
सभी व्यूपोर्ट आकारों पर मध्य संरेखित टेक्स्ट।
सभी व्यूपोर्ट आकारों पर सही संरेखित टेक्स्ट।
व्यूपोर्ट पर बाईं ओर संरेखित टेक्स्ट का आकार SM (छोटा) या चौड़ा होता है।
व्यूपोर्ट पर बाएं संरेखित टेक्स्ट का आकार MD (मध्यम) या चौड़ा है।
व्यूपोर्ट पर बाएं संरेखित टेक्स्ट का आकार LG (बड़ा) या चौड़ा है।
व्यूपोर्ट पर बाएं संरेखित टेक्स्ट का आकार XL (अतिरिक्त-बड़ा) या चौड़ा है।
टेक्स्ट रैपिंग और ओवरफ्लो
.text-wrap
एक वर्ग के साथ पाठ लपेटें ।
.text-nowrap
पाठ को कक्षा के साथ लपेटने से रोकें ।
लंबी सामग्री के लिए, आप .text-truncate
एक दीर्घवृत्त के साथ पाठ को छोटा करने के लिए एक वर्ग जोड़ सकते हैं। या की आवश्यकता है।display: inline-block
display: block
शब्द विराम
.text-break
सेट word-wrap: break-word
और का उपयोग करके टेक्स्ट की लंबी स्ट्रिंग्स को अपने घटकों के लेआउट को तोड़ने से रोकें word-break: break-word
। हम व्यापक ब्राउज़र समर्थन word-wrap
के लिए अधिक सामान्य के बजाय उपयोग करते हैं, और फ्लेक्स कंटेनरों के साथ समस्याओं से बचने के लिए बहिष्कृत जोड़ते हैं।overflow-wrap
word-break: break-word
एमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएमएम
टेक्स्ट ट्रांसफॉर्म
टेक्स्ट कैपिटलाइज़ेशन क्लासेस वाले कंपोनेंट्स में टेक्स्ट ट्रांसफ़ॉर्म करें।
लोअरकेस टेक्स्ट।
अपरकेस टेक्स्ट।
CapiTaliZed पाठ।
ध्यान दें कि कैसे .text-capitalize
केवल प्रत्येक शब्द के पहले अक्षर को बदलता है, किसी अन्य अक्षर के मामले को अप्रभावित छोड़ देता है।
फ़ॉन्ट वजन और इटैलिक
टेक्स्ट के वज़न (बोल्डनेस) को तुरंत बदलें या टेक्स्ट को इटैलिक करें।
बोल्ड अक्षर।
बोल्ड वेट टेक्स्ट (मूल तत्व के सापेक्ष)।
सामान्य वजन पाठ।
हल्के वजन का पाठ।
हल्का वजन पाठ (मूल तत्व के सापेक्ष)।
इटैलिक पाठ।
एकलस्पेस
हमारे मोनोस्पेस फ़ॉन्ट स्टैक के साथ चयन को बदलें .text-monospace
।
यह मोनोस्पेस में है
रंग रीसेट करें
किसी टेक्स्ट या लिंक के रंग को के साथ रीसेट करें .text-reset
, ताकि वह अपने माता-पिता से रंग प्राप्त कर सके।
रीसेट लिंक के साथ म्यूट किया गया टेक्स्ट .
पाठ सजावट
.text-decoration-none
एक वर्ग के साथ एक पाठ सजावट निकालें ।