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

Zinga ebiwandiiko .text-wrapn’ekibiina.

Ekiwandiiko kino kisaana okuzinga.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
  This text should wrap.
</div>

Lemesa ebiwandiiko okuzinga ne .text-nowrapkiraasi.

Ekiwandiiko kino kisaana okujjula omuzadde.
<div class="text-nowrap bd-highlight" 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>

Okumenya ebigambo

Lemesa ennyiriri empanvu ez'ebiwandiiko okumenya ensengeka y'ebitundu byo ng'okozesa .text-breakokuteeka overflow-wrap: break-word(era word-break: break-wordolw'okukwatagana kwa IE & Edge).

mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm

<p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>

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.

Ebiwandiiko ebizitowa ebigumu (ebikwatagana n’ekintu ekizadde).

Ekiwandiiko ekizitowa ekya bulijjo.

Ebiwandiiko ebizitowa ennyo.

Ekiwandiiko ekizitowa ennyo (ekikwatagana n’ekintu ekizadde).

Ebiwandiiko ebiwandiikiddwa mu ngeri ey’enjawulo.

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

Ekifo kimu

Kyusa okulonda ku monospace font stack yaffe ne .text-monospace.

Kino kiri mu monospace

<p class="text-monospace">This is in monospace</p>

Reset langi

Ddamu langi y'ekiwandiiko oba enkolagana ne .text-reset, esobole okusikira langi okuva ku muzadde waakyo.

Ebiwandiiko ebisirise nga biriko enkolagana y'okuzzaawo .

<p class="text-muted">
  Muted text with a <a href="#" class="text-reset">reset link</a>.
</p>

Okuyooyoota ebiwandiiko

Ggyawo okuyooyoota ekiwandiiko .text-decoration-nonen’ekibiina.

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