Règ vètikal

Sèvi ak èd koutim règ vètikal la pou kreye divizyon vètikal tankou <hr>eleman an.

Nan paj sa a

Ki jan li fonksyone

Règ vètikal yo enspire pa <hr>eleman nan, sa ki pèmèt ou kreye divizyon vètikal nan layout komen. Yo style menm jan ak <hr>eleman:

Yo 1pxlajè
Yo genyen min-heightnan1em
Se koulè yo mete atravè currentColorakopacity

Customize yo ak estil adisyonèl jan sa nesesè.

Egzanp

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

Règ vètikal yo echèl wotè yo nan layout fleksib:

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

Avèk pil

Yo kapab tou itilize nan pil :

Premye atik

Dezyèm atik

Twazyèm atik

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