Gean nei haadynhâld Gean nei dokumintnavigaasje
Check
in English

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>