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>