kikokikona
ʻO ka palapala a me nā laʻana no nā pono kikokikona maʻamau e hoʻomalu i ka hoʻopololei ʻana, ka ʻōwili ʻana, ke kaumaha, a me nā mea hou aku.
Hoʻopololei kikokikona
Hoʻololi maʻalahi i ka kikokikona i nā ʻāpana me nā papa hoʻoponopono kikokikona.
ʻO kekahi kikokikona wahi e hōʻike ana i ka hoʻopololei kikokikona kūpono. E hana like anei ʻoe iaʻu? ʻO ka manawa kēia e alo i ke mele ʻaʻole wau ʻo kāu muse. He nani ia, e lilo i lunakanawai a na ka'u mau kaikamahine e koho balota. Hiki iaʻu ke ʻike i kahi phoenix i loko oʻu. Huhu ka lani i ko kakou aloha, uwe mai na anela mai luna mai. ʻAe, lawe ʻoe iaʻu i 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>
No ka hoʻopololei hema, ʻākau, a me ke kikowaena, loaʻa nā papa pane e hoʻohana ana i nā wahi haʻihaʻi ākea ākea like me ka ʻōnaehana grid.
Kuhikuhi ʻaloʻalo hema ma ka nui o nā awa nānā.
ʻO ke kikokikona i hoʻopaʻa ʻia i waena ma nā nui o nā awa nānā.
ʻO ke kikokikona i hoʻopaʻa pololei ʻia ma nā ʻano nui o ka ʻike.
ʻO ke kikokikona i hoʻopaʻa ʻia ma ka ʻaoʻao hema ma nā puka nānā i ka nui o SM (liʻiliʻi) a ʻoi aku paha.
ʻO ke kikokikona i hoʻopaʻa ʻia ma ka ʻaoʻao hema ma nā puka ʻike MD (medium) a ʻoi aku paha.
ʻO nā kikokikona i hoʻopaʻa ʻia ma ka ʻaoʻao hema ma LG (nui) a ʻoi aku paha.
ʻO ke kikokikona i hoʻopaʻa ʻia ma ka ʻaoʻao hema ma nā puka ʻike i ka nui XL (nui-nui) a ʻoi aku paha.
<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>
ʻO ka wahī ʻana a me ke kahe ʻana
Wāhi kikokiko me kahi .text-wrap
papa.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
This text should wrap.
</div>
Kāohi i ka kikokikona mai ka wahī ʻana me kahi .text-nowrap
papa.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
This text should overflow the parent.
</div>
No ka ʻike lōʻihi, hiki iā ʻoe ke hoʻohui i kahi .text-truncate
papa e ʻoki i ka kikokikona me kahi ellipsis. Pono display: inline-block
a 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>
Haʻi ʻōlelo
Kāohi i nā kaula lōʻihi o ka kikokikona mai ka haki ʻana i ka hoʻolālā o kāu mau ʻāpana me ka hoʻohana .text-break
ʻana i ka hoʻonohonoho word-wrap: break-word
a me word-break: break-word
. Hoʻohana mākou word-wrap
ma kahi o ka mea maʻamau overflow-wrap
no ke kākoʻo ʻoi aku ka nui o ka polokalamu kele pūnaewele, a hoʻohui i ka mea i hoʻopau word-break: break-word
ʻia e pale aku i nā pilikia me nā ipu flex.
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
<p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>
Hoʻololi kikokikona
Hoʻololi i ka kikokikona ma nā ʻāpana me nā papa hoʻohua kikokikona.
kikokikona liʻiliʻi.
He kikokikona i hoʻopaʻa ʻia.
kikokikona CapiTaliZed.
<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">CapiTaliZed text.</p>
E nānā i ka .text-capitalize
hoʻololi wale ʻana i ka hua mua o kēlā me kēia huaʻōlelo, me ka waiho ʻole ʻana i ka hihia o nā leka ʻē aʻe.
ʻO ke kaumaha o ke kikokikona a me nā kikoʻī
E hoʻololi koke i ke kaumaha (ka wiwo ʻole) o ke kikokikona a i ʻole ka italicize kikokikona.
ʻŌlelo wiwo ʻole.
He kikokikona kaumaha loa (e pili ana i ka mea makua).
kikokikona kaumaha maʻamau.
kikokikona kaumaha māmā.
ʻOi aku ka māmā o nā kikokikona (e pili ana i ka mea makua).
kikokikona kikoʻī.
<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
E hoʻololi i kahi koho i kā mākou waihona monospace me .text-monospace
.
Aia kēia ma ka monospace
<p class="text-monospace">This is in monospace</p>
Hoʻihoʻi i ke kala
Hoʻihoʻi hou i kahi kikokikona a i ʻole ke kala o ka loulou me .text-reset
, i loaʻa iā ia ke kala mai kona makua mai.
Hoʻomumu ʻia ka kikokikona me kahi loulou hoʻihoʻi hou .
<p class="text-muted">
Muted text with a <a href="#" class="text-reset">reset link</a>.
</p>
Kākoʻo kikokikona
Wehe i kahi kāhiko kikokikona me kahi .text-decoration-none
papa.
<a href="#" class="text-decoration-none">Non-underlined link</a>