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 isku 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 cabirka 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
si aad u dejiso overflow-wrap: break-word
(iyo word-break: break-word
waafaqsanaanta 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-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>