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