in English

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.

Inyandiko zimwe zumwanya kugirango zerekane inyandiko zemewe. Uzankorera nk'ibyo? Igihe kirageze cyo guhangana numuziki Sinkiri muse wawe. Umva nibyiza, ube umucamanza nabakobwa banje bazatora amajwi. Ndashobora kumva phoenix imbere yanjye. Ijuru rifite ishyari ryurukundo rwacu, abamarayika bararira hejuru. Yego, unjyana muri utopia.

<p class="text-justify">Some placeholder text to demonstrate justified text alignment. Will you do the same for me? It's time to face the music I'm no longer your muse. Heard it's beautiful, be the judge and my girls gonna take a vote. I can feel a phoenix inside of me. Heaven is jealous of our love, angels are crying from up above. Yeah, you take me to utopia.</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>

Kumena ijambo

Irinde imirongo miremire yinyandiko kumena ibice bigize ibice ukoresheje .text-breakgushiraho word-wrap: break-wordna word-break: break-word. Dukoresha word-wrapaho overflow-wrapkugirango dushyigikire mugushigikira mugari ya mushakisha, kandi twongereho ibyataye igihe word-break: break-wordkugirango twirinde ibibazo hamwe na kontineri ya flex.

mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm

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

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