Prijeđi na glavni sadržaj Prijeđi na navigaciju dokumentima
Check
in English

Vertikalno pravilo

Upotrijebite prilagođeni pomoćnik okomitih pravila za izradu okomitih razdjelnika poput <hr>elementa.

Na ovoj stranici

Kako radi

Okomita pravila inspirirana su <hr>elementom, što vam omogućuje stvaranje okomitih razdjelnika u uobičajenim izgledima. Stilizirani su kao <hr>elementi:

  • 1pxŠiroke su
  • Imaju min-heightod1em
  • Njihova boja se postavlja preko currentColoriopacity

Prema potrebi ih prilagodite dodatnim stilovima.

Primjer

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

Okomita pravila skaliraju svoju visinu u fleksibilnim rasporedima:

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

Sa hrpama

Također se mogu koristiti u hrpama :

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>