in English

Kuputuhi

Nga tuhinga me nga tauira mo nga taputapu kuputuhi noa hei whakahaere i te tirohanga, te takai, te taumaha, me etahi atu.

Tirohanga Kuputuhi

He ngawari ki te whakatika i nga tuhinga ki nga waahanga me nga karaehe whakatika kuputuhi.

Ko etahi tuhinga waahi hei whakaatu i te tirohanga kupu tika. Ka pena ano koe ki ahau? Kua tae ki te wa ki te anga atu ki te puoro ehara ahau i to puoro. Ka rongo he ataahua, ko koe hei kaiwhakawa me aku kotiro ka pooti. Ka rongo ahau i te phoenix i roto i ahau. Ka hae te Rangi ki to tatou aroha, kei te tangi nga anahera i runga. Ae, ka haria ahau e koe ki te 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>

Mo te tirohanga maui, matau, me te pokapū, kei te waatea nga karaehe urupare e whakamahi ana i nga waahanga wehenga whanui tauranga tirohanga rite ki te punaha matiti.

Kupu tiaro maui i runga i nga rahi tauranga tirohanga katoa.

Ko nga kuputuhi tiaaro ki waenganui i nga rahinga tauranga tirohanga katoa.

Kupu tiaro matau i runga i nga rahi tauranga tirohanga katoa.

He kuputuhi tiaaro maui i runga i nga tauranga tiro te rahi SM (iti), whanui ake ranei.

Kuputuhi tiaaro maui i runga i nga tauranga tirohanga MD (waenganui) whanui ake ranei.

Kuputuhi tiaaro maui i runga i nga tauranga tiro te rahi LG (nui) whanui ranei.

Kuputuhi tiaaro maui i runga i nga tauranga tiro te rahi XL (nui-nui), whanui ake ranei.

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

Te takai kupu me te puhake

Takaia te tuhinga ki te .text-wrapakomanga.

Me takai tenei kuputuhi.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
  This text should wrap.
</div>

Aukati i te kuputuhi kia takai ki tetahi .text-nowrapakomanga.

Ko tenei kuputuhi kia puhake i te matua.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
  This text should overflow the parent.
</div>

Mo te roanga o te ihirangi, ka taea e koe te taapiri i tetahi .text-truncatekaraehe hei tapahi i te tuhinga me te ellipsis. E hiahia ana display: inline-blockranei 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>

Whati kupu

Aukati i nga aho roa o te kuputuhi kia pakaru te tahora o o wahanga ma te whakamahi .text-breakki te tautuhi word-wrap: break-wordme te word-break: break-word. Ka whakamahia e matou word-wraphei utu mo nga mea noa ake overflow-wrapmo te tautoko kaitirotiro whanui, me te taapiri i nga mea kua pahemo word-break: break-wordhei karo i nga take o nga ipu ngawari.

mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm

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

Huringa kupu

Hurihia nga kupu ki roto i nga waahanga me nga karaehe whakapaipai kupu.

Kuputuhi iti.

Kuputuhi pūmatua.

Kuputuhi CapiTaliZed.

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

Kia mahara me pehea .text-capitalizete whakarereke i te reta tuatahi o ia kupu, kia kore e pangia te keehi o etahi atu reta.

Te taumaha o te momotuhi me te titaha

Kia tere te huri i te taumaha (te maia) o te kuputuhi me te whakatītaha kuputuhi.

Kuputuhi maia.

He kupu taumaha ake (e pa ana ki te huānga matua).

Kuputuhi taumaha noa.

He kupu ngawari te taumaha.

He maama ake te taumaha o te kuputuhi (e pa ana ki te huānga matua).

Kupu titaha.

<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

Hurihia he kowhiringa ki ta maatau momotuhi mokowhiti mokowhiti me te .text-monospace.

Kei roto i te mokowhiti kotahi tenei

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

Tautuhi ano te tae

Tautuhi ano i te tae o te kuputuhi, o te hono ranei ki te .text-reset, kia mau ai te tae mai i tona matua.

Kuputuhi wahangu me te hono tautuhi .

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

Te whakapaipai kuputuhi

Tangohia he whakapaipai kuputuhi me tetahi .text-decoration-noneakomanga.

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