Vertikal Regel

Benotzt de personaliséierte vertikale Regelhëllef fir vertikal Trenndeeler wéi d' <hr>Element ze kreéieren.

Op dëser Säit

Wéi et funktionnéiert

Vertikal Reegelen sinn vum <hr>Element inspiréiert, wat Iech erlaabt vertikalen Divideren a gemeinsame Layouten ze kreéieren. Si si just wéi <hr>Elementer stylesch:

Si sinn 1pxbreet
Si hunn min-heightvun1em
Hir Faarf gëtt via currentColoran gesatopacity

Personnaliséiert se mat zousätzlech Stiler wéi néideg.

Beispill

html

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

Vertikal Regelen skaléieren hir Héicht a Flex Layouten:

html

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

Mat Stack

Si kënnen och a Stack benotzt ginn :

Éischt Element

Zweet Element

Drëtten Element

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>