Holo i ka ʻike nui Holo i ka hoʻokele docs
Check
in English

Rula kū pololei

E hoʻohana i ke kōkua kānāwai kūʻokoʻa maʻamau e hana i nā mea hoʻokaʻawale kū pololei e like me ka <hr>mea.

Ma kēia ʻaoʻao

Pehea e hana ai

Hoʻoulu ʻia nā lula kūʻokoʻa e ka <hr>mea, e ʻae iā ʻoe e hana i nā mea hoʻokaʻawale kūwaho i nā hoʻolālā maʻamau. Ua kapa ʻia lākou e like me <hr>nā mea:

  • He 1pxākea lākou
  • min-heightLoaʻa iā lākou1em
  • Hoʻonohonoho ʻia ko lākou kala ma o currentColoraopacity

Hoʻopilikino iā lākou me nā kaila hou e like me ka mea e pono ai.

Laʻana

html
<div class="vr"></div>

Hoʻonui nā lula kūpaʻa i ko lākou kiʻekiʻe ma nā hoʻolālā maʻalahi:

html
<div class="d-flex" style="height: 200px;">
  <div class="vr"></div>
</div>

Me nā pūʻulu

Hiki ke hoʻohana ʻia i loko o nā pūʻulu :

Mea mua
ʻImi ʻelua
'ikamu kolu
html
<div class="hstack gap-3">
  <div class="bg-light border">First item</div>
  <div class="bg-light border ms-auto">Second item</div>
  <div class="vr"></div>
  <div class="bg-light border">Third item</div>
</div>