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

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>

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.

Kuputuhi taumaha noa.

He kupu ngawari te taumaha.

Kupu titaha.

<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

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>