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-nowrapवर्गा वांगडा मजकूर गुठलावपाक आडावचो .

हो मजकूर पालकाचेर उदक भरपाक जाय.
<div class="text-nowrap" 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>

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

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

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

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

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

<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-normal">Normal weight text.</p>
<p class="font-weight-light">Light weight text.</p>
<p class="font-italic">Italic text.</p>