Bertikal nga paglintegan

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

Iti daytoy a panid

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>