Regola vertikali

Uża l-helper tar-regola vertikali tad-dwana biex toħloq diviżuri vertikali bħall- <hr>element.

Fuq din il-paġna

Kif taħdem

Ir-regoli vertikali huma ispirati mill- <hr>element, li jippermettulek toħloq diviżuri vertikali f'tqassim komuni. Huma stilati bħal <hr>elementi:

Huma 1pxwesgħin
Huma għandhom min-heightta1em
Il-kulur tagħhom huwa stabbilit permezz currentColoruopacity

Ippersonalizzahom bi stili addizzjonali kif meħtieġ.

Eżempju

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

Ir-regoli vertikali jiskalaw l-għoli tagħhom f'tqassim flex:

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

Bil-munzelli

Jistgħu jintużaw ukoll f'munzelli :

L-ewwel oġġett

It-tieni punt

It-tielet punt

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