Source

Kuputuhi

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

Tirohanga kupu

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

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. I te wa i muri mai, ka noho tonu a Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit 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>

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

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

Ko nga kuputuhi tirohia ki waenganui i nga rahi 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 me kaha ki 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 waahanga ma te whakamahi .text-breakki te tautuhi overflow-wrap: break-word(me word-break: break-wordte hototahitanga IE & Edge).

mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm

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

Huringa kupu

Hurihia te kuputuhi 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, ka waiho te take o etahi atu reta kaore e pa.

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>