Source

लिखीत

संरेखण, आवरण, वजन, आनी हेर नियंत्रीत करपाक सामान्य मजकूर उपयुक्तताय खातीर दस्तावेजीकरण आनी उदाहरणां.

मजकूर संरेखण

मजकूर संरेखण वर्ग आशिल्ल्या घटकांक मजकूर सहजपणान परतून संरेखित करात.

Ambitioni dedisse स्क्रिप्सिस युडिकेरेटर. क्रास मॅटीस इउडिसियम पुरस सिट अॅमेट फर्मेन्टम. डोनेक सेड ओडियो ओपेरे, ईयू वल्पुटेट फेलिस रॉंकस. प्रॅटेरिया इटर एस्ट क्वास्डॅम रेस क्वास एक्स कम्युनि. अॅट नॉस हिंक पोस्टहॅक, सिटिएंटिस पिरोस आफ्रोस. पेटीरंट उटी सिबी कॉन्सिलियम टोटियस गॅलिया इन डायम सर्टम इंडेसेरे. क्रास मॅटीस इउडिसियम पुरस सिट अॅमेट फर्मेन्टम.

<p class="text-justify">Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. At nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.</p>

डावें, उजवें, आनी केंद्र संरेखणाखातीर, प्रतिसाद दिवपी वर्ग उपलब्ध आसात जे ग्रिड प्रणाली सारकेच व्यूपोर्ट रुंदायेचे ब्रेकपॉइंट वापरतात.

सगळ्या दृश्यपोर्ट आकारांचेर डावें संरेखित मजकूर.

सगळ्या दृश्यपोर्ट आकारांचेर केंद्र संरेखित मजकूर.

सगळ्या दृश्यपोर्ट आकारांचेर उजवें संरेखित मजकूर.

SM (ल्हान) वा ताचे परस चड रुंद आकाराच्या व्यूपोर्टांचेर डावें संरेखित मजकूर.

MD (मध्यम) वा ताचे परस चड रुंद आकाराच्या व्यूपोर्टांचेर डावो संरेखित मजकूर.

LG (व्हड) वा ताचे परस चड रुंद आकाराच्या व्यूपोर्टांचेर डावो संरेखित मजकूर.

XL (अतिरिक्त-व्हड) वा ताचे परस चड रुंद आकाराच्या व्यूपोर्टांचेर डावें संरेखित मजकूर.

<p class="text-left">Left aligned text on all viewport sizes.</p>
<p class="text-center">Center aligned text on all viewport sizes.</p>
<p class="text-right">Right aligned text on all viewport sizes.</p>

<p class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.</p>
<p class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.</p>
<p class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.</p>
<p class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.</p>

मजकूर गुठलावप आनी ओव्हरफ्लो करप

वर्गान मजकूर गुठलावचो .text-wrap.

हो मजकूर गुठलावंक जाय.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
  This text should wrap.
</div>

.text-nowrapवर्गा वांगडा मजकूर गुठलावपाक आडावचो .

हो मजकूर पालकाचेर उदक भरपाक जाय.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
  This text should overflow the parent.
</div>

.text-truncateलांब सामुग्री खातीर, तुमी अंडाकारान मजकूर कापपाक वर्ग जोडूंक शकतात . गरज आसा display: inline-blockवा display: block.

प्रॅटेरिया इटर एस्ट क्वास्डॅम रेस क्वास एक्स कम्युनि.
प्रॅटेरिया इटर एस्ट क्वास्डॅम रेस क्वास एक्स कम्युनि.
<!-- Block level -->
<div class="row">
  <div class="col-2 text-truncate">
    Praeterea iter est quasdam res quas ex communi.
  </div>
</div>

<!-- Inline level -->
<span class="d-inline-block text-truncate" style="max-width: 150px;">
  Praeterea iter est quasdam res quas ex communi.
</span>

शब्द मोडणें

.text-breakto set overflow-wrap: break-word(आनी word-break: break-wordIE & Edge सुसंगती खातीर) वापरून तुमच्या घटकांची मांडावळ मोडपाक मजकूराच्या लांब स्ट्रिंगांक आडावचें .

मिमीम्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्म्

<p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>

मजकूर रुपांतर करप

मजकूर कॅपिटलायझेशन वर्ग आशिल्ल्या घटकांत मजकूर रुपांतरीत करचें.

ल्हान अक्षरांचो मजकूर.

व्हड अक्षरांचो मजकूर.

कॅपिटॅलिझ केल्लो मजकूर.

<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">CapiTaliZed text.</p>

फकत दर एका उतराचें पयलें अक्षर कशें .text-capitalizeबदलता, हेर खंयच्याय अक्षरांचो केस अप्रभावीत उरता तें लक्षांत घेयात.

फॉन्ट वजन आनी इटालिक

मजकूराचे वजन (बोल्डनेस) बेगीन बदलात वा मजकूर इटालिक करात.

मोटव्या मजकूर.

बोल्डर वजन मजकूर (पालक घटकाच्या सापेक्ष).

सामान्य वजन मजकूर.

हलके वजनाचे मजकूर.

हलके वजनाचे मजकूर (पालक घटकाच्या सापेक्ष).

इटालिक मजकूर.

<p class="font-weight-bold">Bold text.</p>
<p class="font-weight-bolder">Bolder weight text (relative to the parent element).</p>
<p class="font-weight-normal">Normal weight text.</p>
<p class="font-weight-light">Light weight text.</p>
<p class="font-weight-lighter">Lighter weight text (relative to the parent element).</p>
<p class="font-italic">Italic text.</p>

मोनोस्पेस हें नांव

च्या आदारान आमच्या मोनोस्पेस फॉन्ट स्टॅकांत एक निवड बदलात .text-monospace.

हें मोनोस्पेसांत आसा

<p class="text-monospace">This is in monospace</p>

रंग रीसेट करचें

मजकूर वा दुव्याचो रंग , कडेन रिसेट करात .text-reset, जेणे करून ताका रंग ताच्या पालकांतल्यान वारसा मेळटा.

रिसेट दुव्यान म्यूट केल्लो मजकूर .

<p class="text-muted">
  Muted text with a <a href="#" class="text-reset">reset link</a>.
</p>

मजकूर सजावट करप

.text-decoration-noneवर्गा वांगडा मजकूर सजावट काडून उडोवची .

<a href="#" class="text-decoration-none">Non-underlined link</a>