Slaan oor na hoofinhoud Slaan oor na dokumentnavigasie
Check
in English

Vertikale reël

Gebruik die pasgemaakte vertikale reëlhulp om vertikale verdelers soos die <hr>element te skep.

Op hierdie bladsy

Hoe dit werk

Vertikale reëls word deur die element geïnspireer <hr>, wat jou toelaat om vertikale verdelers in algemene uitlegte te skep. Hulle is net soos <hr>elemente gestileer:

  • Hulle is 1pxwyd
  • Hulle het min-heightvan1em
  • Hul kleur word ingestel via currentColorenopacity

Pas hulle aan met bykomende style soos nodig.

Voorbeeld

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

Vertikale reëls skaal hul hoogte in buiguitlegte:

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

Met stapels

Hulle kan ook in stapels gebruik word :

Eerste item
Tweede item
Derde item
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>