Regula verticală

Folosiți ajutorul pentru reguli verticale personalizate pentru a crea separatoare verticale ca <hr>elementul.

Pe aceasta pagina

Cum functioneaza

Regulile verticale sunt inspirate de <hr>element, permițându-vă să creați separatoare verticale în machete comune. Sunt stilate la fel ca <hr>elementele:

Sunt 1pxlargi
Au min-heightde1em
Culoarea lor este setată prin currentColorșiopacity

Personalizați-le cu stiluri suplimentare după cum este necesar.

Exemplu

html

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

Regulile verticale își scalează înălțimea în aspecte flexibile:

html

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

Cu stive

Ele pot fi folosite și în stive :

Primul articol

Al doilea articol

Al treilea articol

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>