Bertikal nga lagda

Gamita ang naandan nga bertikal nga katabang sa lagda aron makahimo og mga bertikal nga divider sama sa <hr>elemento.

Niini nga panid

Giunsa kini paglihok

Ang mga bertikal nga mga lagda giinspirar sa <hr>elemento, nga nagtugot kanimo sa paghimo og mga bertikal nga divider sa komon nga mga layout. Gi-istilo sila sama sa <hr>mga elemento:

1pxLapad sila
Sila min-heightadunay1em
Ang ilang kolor gitakda pinaagi sa currentColorugopacity

Ipasibo kini sa dugang nga mga istilo kung gikinahanglan.

Pananglitan

html

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

Ang mga bertikal nga mga lagda nag-scale sa ilang gitas-on sa mga flex layout:

html

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

Uban sa mga stack

Mahimo usab kini gamiton sa mga stack :

Unang butang

Ikaduha nga butang

Ikatulo nga butang

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>