Source

Atwerɛ

Nwoma ne nhwɛsoɔ a ɛfa nsɛm a wɔtaa de di dwuma ho mfasoɔ a wɔde hwɛ nhyiamu, nsɛm a wɔde kyekyere, emu duru, ne nea ɛkeka ho so.

Nsɛm a wɔakyerɛw no pɛpɛɛpɛ

Ɛnyɛ den sɛ wobɛsan asiesie nsɛm no akɔ afã horow a ɛwɔ nsɛm a wɔde hyɛ adesua ahorow mu.

Ambitioni dedisse nsɛm a wɔakyerɛw agu krataa so. Cras mattis iudicium purus tena ase wɔ aduru a wɔde yɛ aduan mu. Donec sed odio operae, eu a ɔyɛ ɔbarima a ɔyɛ ɔbarima a ɔpɛ sɛ ɔyɛ ɔbarima a ɔpɛ sɛ ɔware. Praeterea iter est quasdam a ɛwɔ hɔ no yɛ nea wɔde di dwuma wɔ ɔkwan a ɛfata so. Wɔ nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae wɔ diem certam indicere mu. Cras mattis iudicium purus tena ase wɔ aduru a wɔde yɛ aduan mu.

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

Sɛ wopɛ benkum, nifa, ne mfinimfini nhyehyɛe a, mmuae adesua ahorow wɔ hɔ a ɛde viewport trɛw breakpoints koro no ara di dwuma sɛ grid nhyehyɛe no.

Nkyerɛwee a wɔahyehyɛ no benkum so wɔ viewport akɛse nyinaa so.

Nsɛm a wɔahyehyɛ no mfinimfini wɔ viewport akɛse nyinaa so.

Nsɛm a wɔahyehyɛ no nifa so wɔ viewport akɛse nyinaa so.

Nsɛm a wɔahyehyɛ no benkum so wɔ viewports a ne kɛse yɛ SM (ketewa) anaa nea ɛtrɛw so.

Nsɛm a wɔahyehyɛ no benkum so wɔ viewports a ne kɛse yɛ MD (medium) anaa nea ɛtrɛw so.

Nsɛm a wɔahyehyɛ no benkum so wɔ viewports a ne kɛse yɛ LG (kɛse) anaa nea ɛtrɛw so.

Nsɛm a wɔahyehyɛ no benkum so wɔ viewports a ne kɛse yɛ XL (extra-large) anaa nea ɛtrɛw so.

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

Nsɛm a wɔde kyekyere ne nea ɛboro so

Siw nsɛm a wɔde bɛkyekyere .text-nowrapadesua no ano.

Ɛsɛ sɛ saa nkyerɛwee yi bu ɔwofo no so.
<div class="text-nowrap" style="width: 8rem;">
  This text should overflow the parent.
</div>

Sɛ wopɛ nsɛm a ɛware a, wubetumi de .text-truncateadesuakuw bi aka ho de atwa nkyerɛwee no mu denam ellipsis so. Ɛhwehwɛ sɛ display: inline-blockanaasɛ display: block.

Praeterea iter est quasdam a ɛwɔ hɔ no yɛ nea wɔde di dwuma wɔ ɔkwan a ɛfata so.
Praeterea iter est quasdam a ɛwɔ hɔ no yɛ nea wɔde di dwuma wɔ ɔkwan a ɛfata so.
<!-- 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>

Nsɛm a wɔakyerɛw no dannan

Sesa nsɛm wɔ components mu a text capitalization adesua ahorow wom.

Nsɛm a wɔde nkyerɛwde nketewa ahyɛ mu.

Nsɛm a wɔakyerɛw no nkyerɛwde akɛse.

Nsɛm a wɔakyerɛw wɔ CapiTaliZed mu.

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

Hyɛ sɛnea text-capitalizeɛsesa asɛmfua biara nkyerɛwde a edi kan nkutoo no nsow, na ɛma nkyerɛwde foforo biara asɛm no nnya nkɛntɛnso biara.

Font mu duru ne italics

Sesa nsɛm no mu duru (boldness) ntɛm ara anaa fa nsɛm a wɔakyerɛw no italic yɛ no.

Nsɛm a wɔakyerɛw no tuntum.

Nkyerɛwee a emu duru yɛ daa.

Nsɛm a emu yɛ hare.

Nkyerɛwee a wɔde nkyerɛwde a ɛyɛ mmerɛw di dwuma.

<p class="font-weight-bold">Bold text.</p>
<p class="font-weight-normal">Normal weight text.</p>
<p class="font-weight-light">Light weight text.</p>
<p class="font-italic">Italic text.</p>