Vertikalno pravilo

Koristite pomoćnik prilagođenog vertikalnog pravila za kreiranje vertikalnih razdjelnika poput <hr>elementa.

Na ovoj stranici

Kako radi

Vertikalna pravila su inspirisana <hr>elementom, omogućavajući vam da kreirate vertikalne pregrade u uobičajenim rasporedima. Oni su stilizovani kao <hr>elementi:

1pxŠiroke su
Imaju min-heightod1em
Njihova boja je postavljena preko currentColoriopacity

Po potrebi ih prilagodite dodatnim stilovima.

Primjer

html

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

Vertikalna pravila skaliraju svoju visinu u fleksibilnim rasporedima:

html

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

Sa gomilama

Mogu se koristiti i u naslagama :

Prva stavka

Druga stavka

Treća stavka

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>