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 icyerekezo kimwe cyo kureba ubugari bwa sisitemu ya gride.

Ibumoso bwahujwe ninyandiko kuri bunini bwo kureba.

Hagati ihuza inyandiko ku bunini bwose bwo kureba.

Iburyo bwahujwe ninyandiko zose zingana.

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

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

Inyandiko yuburemere bworoshye.

Umwandiko w'inyandiko.

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

Monospace

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

Ibi biri mu kirere

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