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.
Qaar ka mid ah qoraalka meeleeyaha si ay u muujiyaan toosinta qoraalka macquul ah. Ma aniga sidaas oo kale ma ii samayn doontaa? Waa markii aad wajihi lahayd muusigga anigu hadda ma ihi muusikadaada. Maqashay inay qurux badan tahay, garsoore noqo gabdhahayguna way codayn doonaan. Waxaan dareemi karaa finix gudahayga ah. Jannadu way ka masayrtay jacaylkayaga, Malaa'igtuna kor bay ka qaylinayaan. Haa, waxaad i geysaa utopia.
<p class="text-justify">Some placeholder text to demonstrate justified text alignment. Will you do the same for me? It's time to face the music I'm no longer your muse. Heard it's beautiful, be the judge and my girls gonna take a vote. I can feel a phoenix inside of me. Heaven is jealous of our love, angels are crying from up above. Yeah, you take me to utopia.</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-wrap
fasal.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
This text should wrap.
</div>
Ka ilaali qoraalka in lagu duubo .text-nowrap
fasal.
<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-truncate
fasal si aad qoraalka ugu googooyaan ellipsis. u baahan display: inline-block
ama 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>
Kala goynta hadalka
Ka ilaali xadhkaha dheer ee qoraalka inay jebiyaan qaabka qaybahaaga adigoo isticmaalaya .text-break
dejinta word-wrap: break-word
iyo word-break: break-word
. Waxaan u isticmaalnaa word-wrap
bedelkii kuwa caanka ah overflow-wrap
ee taageerada biraawsarka ballaaran, waxaana ku darnaa kuwa go'ay word-break: break-word
si looga fogaado arrimaha weelasha dabacsan.
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-capitalize
kaliya 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-none
fasal.
<a href="#" class="text-decoration-none">Non-underlined link</a>