Source

Okuwandiika obubaka

Ebiwandiiko n'ebyokulabirako by'ebikozesebwa mu biwandiiko ebya bulijjo okufuga okulaganya, okuzinga, obuzito, n'ebirala.

Okusengeka ebiwandiiko

Kyangu okuddamu okusengeka ebiwandiiko ku bitundu ebirina ebika by’okusengeka ebiwandiiko.

Ambitioni dedisse ekiwandiiko ekikukwatako. Cras mattis iudicium purus etuula mu kizimbulukusa. Donec sed odio operae, ekiwuka ekiyitibwa vulputate ekiwuka ekiyitibwa felis rhoncus. Praeterea iter est quasdam nga bwe kiri mu kibiina. Ku nos hinc posthac, obulwadde buno obuyitibwa sitientis piros Afros. Petierunt uti sibi concilium totius Galliae mu kifaananyi ekitali kya muwendo (diem certam indicere). Cras mattis iudicium purus etuula mu kizimbulukusa.

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

Ku kulaganya kwa kkono, ku ddyo, ne wakati, kiraasi eziddamu ziriwo ezikozesa ebifo bye bimu eby’okumenya obugazi bw’ekifo eky’okulaba ng’enkola ya giridi.

Ebiwandiiko ebiteekeddwa ku kkono ku sayizi zonna ez'ekifo eky'okulaba.

Ebiwandiiko ebiteekeddwa wakati ku sayizi zonna ez'ekifo eky'okulaba.

Ebiwandiiko ebiteekeddwa ku ddyo ku sayizi zonna ez'ekifo eky'okulaba.

Ebiwandiiko ebiteekeddwa ku kkono ku bifo eby’okulaba ebirina obunene bwa SM (obutono) oba okusingawo.

Ebiwandiiko ebiteekeddwa ku kkono ku bifo eby’okulaba ebirina obunene bwa MD (wa wakati) oba okusingawo.

Ebiwandiiko ebiteekeddwa ku kkono ku viewports ezirina sayizi ya LG (ennene) oba okusingawo.

Ebiwandiiko ebiteekeddwa ku kkono ku bifo eby’okulaba ebirina obunene bwa XL (ebinene ennyo) oba okusingawo.

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

Okuzinga ebiwandiiko n’okujjula

Lemesa ebiwandiiko okuzinga ne .text-nowrapkiraasi.

Ekiwandiiko kino kisaana okujjula omuzadde.
<div class="text-nowrap" style="width: 8rem;">
  This text should overflow the parent.
</div>

Ku birimu ebiwanvu, osobola okwongerako .text-truncateekibiina okusalako ekiwandiiko n’ekiwandiiko ekiyitibwa ellipsis. Yeetaaga display: inline-blockoba display: block.

Praeterea iter est quasdam nga bwe kiri mu kibiina.
Praeterea iter est quasdam nga bwe kiri mu kibiina.
<!-- 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>

Okukyusa ebiwandiiko

Kyuusa ebiwandiiko mu bitundu ebirina ebika by’okuwandiika ebiwandiiko ebikulu.

Ebiwandiiko ebitonotono.

Ebiwandiiko ebiriko ennukuta ennene.

Ebiwandiiko ebiwandiikiddwa mu CapiTaliZed.

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

Weetegereze engeri text-capitalizegy’akyusaamu ennukuta esooka yokka eya buli kigambo, n’aleka ensonga y’ennukuta endala yonna nga tekoseddwa.

Obuzito bw’empandiika n’ennukuta ensirifu

Kyusa mangu obuzito (obugumu) bw’ebiwandiiko oba wandiika mu italic.

Ebiwandiiko ebinene.

Ekiwandiiko ekizitowa ekya bulijjo.

Ebiwandiiko ebizitowa ennyo.

Ebiwandiiko ebiwandiikiddwa mu ngeri ey’enjawulo.

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