मजकूर
संरेखन, रॅपिंग, वजन आणि बरेच काही नियंत्रित करण्यासाठी सामान्य मजकूर उपयुक्ततांसाठी दस्तऐवजीकरण आणि उदाहरणे.
मजकूर संरेखन
मजकूर संरेखन वर्गांसह घटकांमध्ये मजकूर सहजपणे पुन्हा अलाइन करा.
महत्वाकांक्षा डेडिसे स्क्रिप्सिस आयउडीकेतुर. Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praetera iter est quasdam res quas ex communi. येथे nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.
डावीकडे, उजवीकडे आणि मध्यभागी संरेखनासाठी, प्रतिसाद देणारे वर्ग उपलब्ध आहेत जे ग्रिड प्रणालीप्रमाणेच व्ह्यूपोर्ट रुंदीचे ब्रेकपॉइंट वापरतात.
सर्व व्ह्यूपोर्ट आकारांवर डावीकडे संरेखित केलेला मजकूर.
सर्व व्ह्यूपोर्ट आकारांवर मध्यभागी संरेखित मजकूर.
सर्व व्ह्यूपोर्ट आकारांवर उजव्या संरेखित मजकूर.
व्ह्यूपोर्ट्स आकाराच्या SM (लहान) किंवा रुंद वर डावीकडे संरेखित केलेला मजकूर.
व्ह्यूपोर्ट आकाराच्या MD (मध्यम) किंवा रुंद वर डावीकडे संरेखित केलेला मजकूर.
व्ह्यूपोर्ट आकाराच्या LG (मोठ्या) किंवा त्याहून अधिक रुंद वर डावीकडे संरेखित केलेला मजकूर.
व्ह्यूपोर्ट आकाराच्या XL (अतिरिक्त-मोठ्या) किंवा रुंद वर डावीकडे संरेखित केलेला मजकूर.
मजकूर रॅपिंग आणि ओव्हरफ्लो
वर्गासह मजकूर गुंडाळा .text-wrap
.
.text-nowrap
मजकूर वर्गासह गुंडाळण्यापासून प्रतिबंधित करा .
.text-truncate
दीर्घ सामग्रीसाठी, तुम्ही लंबवर्तुळासह मजकूर कापण्यासाठी वर्ग जोडू शकता . आवश्यक आहे display: inline-block
किंवा display: block
.
शब्द खंडित
.text-break
टू सेट overflow-wrap: break-word
(आणि word-break: break-word
IE आणि एज सुसंगततेसाठी) वापरून मजकूराच्या लांब स्ट्रिंगला तुमच्या घटकांचे लेआउट तोडण्यापासून प्रतिबंधित करा .
मम्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म
मजकूर परिवर्तन
मजकूर कॅपिटलायझेशन वर्गांसह घटकांमध्ये मजकूराचे रूपांतर करा.
लोअरकेस केलेला मजकूर.
अप्परकेस केलेला मजकूर.
CapitaliZed मजकूर.
लक्षात घ्या की प्रत्येक शब्दाचे पहिले अक्षर कसे .text-capitalize
बदलते, इतर कोणत्याही अक्षरांचे केस अप्रभावित ठेवतात.
फॉन्टचे वजन आणि तिर्यक
मजकूराचे वजन (ठळकपणा) त्वरीत बदला किंवा मजकूर तिर्यक करा.
ठळक मजकूर.
ठळक वजनाचा मजकूर (मूल घटकाशी संबंधित).
सामान्य वजन मजकूर.
कमी वजनाचा मजकूर.
कमी वजनाचा मजकूर (मूल घटकाशी संबंधित).
तिर्यक मजकूर.
मोनोस्पेस
सह आमच्या मोनोस्पेस फॉन्ट स्टॅकमध्ये निवड बदला .text-monospace
.
हे मोनोस्पेसमध्ये आहे
रंग रीसेट करा
सह मजकूर किंवा दुव्याचा रंग रीसेट करा .text-reset
, जेणेकरून त्याला त्याच्या पालकांकडून रंग वारसा मिळेल.
रीसेट लिंकसह निःशब्द केलेला मजकूर .
मजकूर सजावट
.text-decoration-none
वर्गासह मजकूर सजावट काढा .