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.
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 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 me te .text-wrapkaraehe.
<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.
<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.
<!-- 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 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 te whakapaipai tuhinga me tetahi .text-decoration-noneakomanga.
<a href="#" class="text-decoration-none">Non-underlined link</a>