Source

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.

Ambisioni na-eme ka skripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Emeela ka ọ bụrụ operae, ma ọ bụ vulputate felis rhoncus. Kwesịrị ịdị mkpa nke ukwuu. Na nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae n'ime akwụkwọ ozi. 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>

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.

Ederede a kwesịrị kechie.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
  This text should wrap.
</div>

Gbochie ederede ka ọ ghara iji .text-nowrapklas kechie.

Ederede a ga-ejupụta nne na nna.
<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-truncateklas iji ellipsis kụbie ederede. Achọrọ display: inline-blockma ọ bụ display: block.

Kwesịrị ịdị mkpa nke ukwuu.
Kwesịrị ịdị mkpa nke ukwuu.
<!-- 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ọ gị site na .text-breakiji ịtọ overflow-wrap: break-word(yana word-break: break-wordmaka ndakọrịta IE & Edge).

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

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