Laktawan ti kangrunaan a linaon Laktawan ti docs navigation
in English

Bertikal nga paglintegan

Usaren ti kostumbre a bertikal a katulongan ti pagannurotan tapno mangpartuat kadagiti bertikal a mangbingbingay a kas ti <hr>elemento.

No kasano ti panagandar dayta

Dagiti bertikal a pagalagadan ket naipaltiing babaen ti <hr>elemento, a mangipalubos kenka a mangpartuat kadagiti bertikal a mangbingbingay kadagiti gagangay a layout. Na-estilo dagitoy a kas met laeng kadagiti <hr>elemento:

  • Nalawa 1pxdagitoy
  • Addaanda min-heightiti1em
  • Ti kolorda ket naikabil babaen currentColorkenopacity

Ipasayaat dagitoy babaen kadagiti kanayonan nga estilo no kasapulan.

Pagwadan

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

Dagiti bertikal a pagannurotan ket isukatda ti kangatoda kadagiti flex a layout:

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

Adda dagiti stack

Mabalin met nga usaren dagitoy kadagiti stack :

Umuna nga aytem
Maikadua a banag
Maikatlo nga aytem
<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>