Fertikale regel

Brûk de oanpaste fertikale regelhelper om fertikale ferdielen te meitsjen lykas it <hr>elemint.

Op dizze side

Hoe't it wurket

Fertikale regels wurde ynspirearre troch it <hr>elemint, wêrtroch jo fertikale dividers kinne meitsje yn mienskiplike yndielingen. Se binne stylearre krekt as <hr>eleminten:

Se binne 1pxbreed
Se hawwe min-heightfan1em
Harren kleur wurdt ynsteld fia currentColorenopacity

Pas se oan mei ekstra stilen as nedich.

Foarbyld

html

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

Fertikale regels skaalje har hichte yn flex-layouts:

html

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

Mei stapels

Se kinne ek brûkt wurde yn stapels :

Earste item

Twadde item

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