Ederede
Ndekọ na ihe atụ maka akụrụngwa ederede a na-ahụkarị iji jikwaa nzizi, mkpuchi, ibu, na ndị ọzọ.
Ndozi ederede
Hazie ederede n'ụzọ dị mfe na klaasị nhazi ederede.
Ụfọdụ ederede idobe iji gosipụta nhazi ederede ziri ezi. Ị ga-emekwara m otu ihe ahụ? Oge erugo ihu egwu a abughizi m ihe ngosi gi. Anụrụ na ọ mara mma, bụrụ onye ọka ikpe na ụmụ agbọghọ m ga-eme ntuli aka. Enwere m ike inwe mmetụta phoenix n'ime m. Eluigwe na-ekwo ịhụnanya anyị, ndị mmụọ ozi na-eti mkpu site n'elu. Ee, ị ga-akpọga m 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>
Maka aka ekpe, aka nri na n'etiti, klaasị na-anabata dị na-eji otu ebe nkwụsịtụ obosara nlele dị ka usoro grid.
Ederede akwadoro akaekpe na nha nlele niile.
Ederede dabara n'etiti n'ogo nlele niile.
Ederede akwadoro akanri na nha nlele niile.
Ederede kwụ n'aka ekpe na ọdụ ụgbọ elu nwere nha SM (obere) ma ọ bụ ka obosara.
Ederede kwụ n'aka ekpe na ọdụ ụgbọ elu nwere nha MD (ọkara) ma ọ bụ ka obosara.
Ederede dakọtara n'akaekpe n'ọdụ ụgbọ mmiri nwere nha LG (nnukwu) ma ọ bụ ka obosara.
Ederede dakọtara n'aka ekpe na ọdụ ụgbọ elu nwere nha XL (oke buru ibu) ma ọ bụ ka obosara.
<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>
Mkpuchi ederede na njupụta
Jiri klas kechie ederede .text-wrap
.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
This text should wrap.
</div>
Gbochie ederede ka ọ ghara iji .text-nowrap
klas kechie.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
This text should overflow the parent.
</div>
Maka ọdịnaya dị ogologo, ị nwere ike ịgbakwunye otu .text-truncate
klas iji ellipsis kụbie ederede. Achọrọ display: inline-block
ma ọ bụ 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>
Nkwụsị okwu
Gbochie ogologo eriri ederede imebi okirikiri nhọrọ ukwuu nke akụrụngwa gị site na .text-break
iji ịtọ word-wrap: break-word
na word-break: break-word
. Anyị na-eji word-wrap
kama nke a na-ahụkarị overflow-wrap
maka nkwado ihe nchọgharị sara mbara, ma gbakwunye ihe mebiri emebi word-break: break-word
iji zere nsogbu nwere akpa mgbanwe.
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm.
<p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>
Ngbanwe ederede
Tụgharịa ederede n'ime akụrụngwa nwere klaasị nnukwu ederede.
Ederede obere.
Ederede elu.
CapiTaliZed ederede.
<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">CapiTaliZed text.</p>
Rịba ama ka .text-capitalize
ọ na-agbanwe naanị mkpụrụedemede mbụ nke okwu ọ bụla, na-ahapụ ikpe nke mkpụrụedemede ọ bụla na-enweghị mmetụta.
Ibu mkpụrụedemede na mkpụrụedemede
Gbanwee ọsọ ọsọ (obi ike) ederede ma ọ bụ italicize ederede.
Ederede siri ike.
Ederede ịdị arọ siri ike (ihe metụtara mmewere nne na nna).
Ederede arọ nkịtị.
Ederede dị arọ.
Ederede dị arọ (n'ihe metụtara mmewere nne na nna).
Ederede italic.
<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
Jiri . Gbanwee nhọrọ ka ọ bụrụ nchịkọta mkpụrụedemede monospace anyị .text-monospace
.
Nke a dị na monospace
<p class="text-monospace">This is in monospace</p>
Tọgharia agba
Tọgharịa ederede ma ọ bụ ụcha njikọ ya na .text-reset
, ka o wee keta agba n'aka nne na nna ya.
Ederede emechiri emechi nwere njikọ nrụpụta .
<p class="text-muted">
Muted text with a <a href="#" class="text-reset">reset link</a>.
</p>
Ihe ịchọ mma ederede
Wepu mma ederede na .text-decoration-none
klas.
<a href="#" class="text-decoration-none">Non-underlined link</a>