Source

Inyandiko

Inyandiko n'ingero kubikorwa rusange byingirakamaro kugirango ugenzure guhuza, gupfunyika, uburemere, nibindi byinshi.

Guhuza inyandiko

Byoroshye guhindura inyandiko kubice hamwe nibyiciro byo guhuza inyandiko.

Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus bicara amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. Kuri nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae muri diem certam indicere. Cras mattis iudicium purus bicara 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>

Kubumoso, iburyo, na centre ihuza, ibyiciro byitabira birahari bikoresha uburyo bumwe bwo kureba ubugari butandukanye nka gride sisitemu.

Ibumoso bwahujwe ninyandiko zose zingana.

Hagati ihuza inyandiko ku bunini bwose bwo kureba.

Iburyo bwahujwe ninyandiko zose zingana.

Ibumoso bwahujwe ninyandiko kubireba SM (nto) cyangwa mugari.

Ibumoso bwahujwe ninyandiko kubireba ubunini bwa MD (hagati) cyangwa mugari.

Ibumoso bwahujwe ninyandiko kubireba ubunini bwa LG (nini) cyangwa mugari.

Ibumoso bwahujwe ninyandiko kubireba XL (birenze-binini) cyangwa mugari.

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

Gupfunyika inyandiko no kurengerwa

Kuzuza inyandiko hamwe .text-wrapnishuri.

Iyi nyandiko igomba gupfunyika.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
  This text should wrap.
</div>

Irinde inyandiko gupfunyika hamwe .text-nowrapnishuri.

Iyi nyandiko igomba kurenga kubabyeyi.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
  This text should overflow the parent.
</div>

Kubirimo birebire, urashobora kongeramo urwego .text-truncaterwo kugabanya inyandiko hamwe na ellipsis. Irasaba display: inline-blockcyangwa display: block.

Praeterea iter est quasdam res quas ex communi.
Praeterea iter est quasdam res quas ex communi.
<!-- 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>

Guhindura inyandiko

Hindura inyandiko mubice hamwe namasomo yinyuguti nkuru.

Inyandiko ntoya.

Inyandiko iri hejuru.

Inyandiko ya CapiTaliZed.

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

Reba uburyo .text-capitalizeuhindura gusa inyuguti yambere ya buri jambo, usize ikibazo cyizindi nyuguti zose zitagize ingaruka.

Uburemere bwimyandikire

Hindura vuba uburemere (ubutinyutsi) bwinyandiko cyangwa italike inyandiko.

Inyandiko itinyutse.

Uburemere bwinyandiko (ugereranije nibintu byababyeyi).

Uburemere busanzwe.

Inyandiko yoroheje.

Uburemere bworoshye inyandiko (ugereranije nibintu byababyeyi).

Umwandiko w'inyandiko.

<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

Hindura ihitamo kumyandikire ya monospace hamwe na .text-monospace.

Ibi biri mu kirere

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

Ongera usubize ibara

Ongera usubiremo inyandiko cyangwa ibara ryibara hamwe .text-reset, kugirango izungura ibara kubabyeyi.

Gucecekesha inyandiko hamwe no gusubiramo .

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

Imitako

Kuraho imitako yinyandiko hamwe .text-decoration-nonenishuri.

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