in English

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-wrappapa.

Pono kēia kikokikona e uhi.
<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-nowrappapa.

Pono kēia kikokikona i ka makua.
<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-truncatepapa e ʻoki i ka kikokikona me kahi ellipsis. Pono display: inline-blocka 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>

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-worda me word-break: break-word. Hoʻohana mākou word-wrapma kahi o ka mea maʻamau overflow-wrapno 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-capitalizehoʻ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-nonepapa.

<a href="#" class="text-decoration-none">Non-underlined link</a>