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-wrap
akomanga.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
This text should wrap.
</div>
Aukati i te kuputuhi kia takai ki tetahi .text-nowrap
akomanga.
<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-truncate
karaehe hei tapahi i te tuhinga me te ellipsis. E hiahia ana display: inline-block
ranei 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 wahanga ma te whakamahi .text-break
ki te tautuhi word-wrap: break-word
me te word-break: break-word
. Ka whakamahia e matou word-wrap
hei utu mo nga mea noa ake overflow-wrap
mo te tautoko kaitirotiro whanui, me te taapiri i nga mea kua pahemo word-break: break-word
hei 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-capitalize
te 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-none
akomanga.
<a href="#" class="text-decoration-none">Non-underlined link</a>