Source

Qoraal

Dukumeenti iyo tusaalooyin loogu talagalay isticmaalka qoraalka caadiga ah si loo xakameeyo toosinta, duubista, miisaanka, iyo in ka badan.

toosinta qoraalka

Si fudud qoraalka ugu toosi qaybaha leh fasalada toosinta qoraalka.

Hamigu wuxuu dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Waxa la sameeyay odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. Marka la joogo nos hinc posthac, sitientis piros Afros. Utirunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.

<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>

Bidix, midig, iyo toosinta dhexe, fasallo jawaab celin ah ayaa diyaar ah kuwaas oo adeegsada bar-goynta ballaca aragtida ee nidaamka grid.

Qoraalka bidix ku toosan ee dhammaan cabbirrada daawashada

Qoraalka dhexda toosan ee dhammaan cabbirrada daawashada

Qoraalka saxda ah ee ku toosan dhammaan cabbirrada daawashada

Qoraalka bidix ku toosan ee meelaha daawashada cabbirkoodu yahay SM (yar) ama ka ballaadhan.

Qoraalka bidix ku toosan ee meelaha daawashada ee cabbirkoodu yahay MD (dhexdhexaad) ama ka ballaadhan.

Qoraalka bidix ku toosan ee meelaha daawashada leh ee LG (weyn) ama ka ballaaran.

Qoraalka bidix ku toosan ee meelaha daawashada ee cabbirkoodu yahay XL (ka weyn) ama ka ballaadhan.

<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>

Duubista qoraalka iyo qulqulka

Ku duub qoraalka .text-wrapfasal.

Qoraalkani waa inuu duubaa.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
  This text should wrap.
</div>

Ka ilaali qoraalka in lagu duubo .text-nowrapfasal.

Qoraalkani waa inuu buux dhaafiyaa waalidka.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
  This text should overflow the parent.
</div>

Wixii macluumaad dheeraad ah, waxaad ku dari kartaa .text-truncatefasal si aad qoraalka ugu googooyaan ellipsis. u baahan display: inline-blockama display: block.

Praeterea iter est quasdam res quas ex communi.
Praeterea iter est quasdam res quas ex communi.
<!-- 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>

Kala goynta hadalka

Ka ilaali xadhkaha dheer ee qoraalka inay jebiyaan qaabka qaybahaaga adoo isticmaalaya .text-breaksi aad u dejiso overflow-wrap: break-word(iyo word-break: break-wordwaafaqsanaanta IE & Edge).

mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm

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

Beddelka qoraalka

U beddelo qoraalka qaybo ka mid ah fasalo weynaynta qoraalka.

Qoraal hoose

Qoraal sare

Qoraalka CapiTaliZed

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

Ogsoonow sida .text-capitalizekaliya u beddelo xarafka ugu horreeya ee kelmad kasta, adigoo ka tagaya kiiska xarfaha kale mid aan la taaban karin.

Miisaanka farta iyo farta farta

Si degdeg ah u beddel miisaanka (dhirranaanta) qoraalka ama farta ku fiiq.

Qoraal geesinimo leh.

Qoraal miisaan adag (marka loo eego xubinta waalidka).

Qoraalka miisaanka caadiga ah.

Qoraalka miisaanka fudud.

Qoraalka miisaanka fudud (marka loo eego xubinta waalidka).

Qoraal farta ah

<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>

Monospace

U beddel xulashada xarfaha monospace-keena oo wata .text-monospace.

Tani waxay ku taal monospace

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

Dib u habeyn midabka

Dib u deji qoraalka ama midabka isku xirka .text-reset, si uu midabka uga dhaxlo waalidkii.

Qoraal la damiyay oo wata xiriiriyaha dib u dajinta

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

Qurxinta qoraalka

Ka saar qurxinta qoraalka leh .text-decoration-nonefasal.

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