Вертикално правило

Користите помоћник прилагођеног вертикалног правила да бисте креирали вертикалне разделнике попут <hr>елемента.

На овој страници

Како то ради

Вертикална правила су инспирисана <hr>елементом, омогућавајући вам да креирате вертикалне преграде у уобичајеним распоредима. Они су стилизовани као <hr>елементи:

1pxШироке су
Они имају min-heightод1em
Њихова боја је постављена преко currentColorиopacity

Прилагодите их додатним стиловима по потреби.

Пример

хтмл

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

Вертикална правила скалирају своју висину у флексибилним распоредима:

хтмл

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

Са стоговима

Такође се могу користити у гомилама :

Прва ставка

Друга ставка

Трећа ставка

хтмл

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