Aturan vertikal

Gunakan pembantu aturan vertikal khusus untuk membuat pembagi vertikal seperti <hr>elemen.

Di halaman ini

Bagaimana itu bekerja

Aturan vertikal terinspirasi oleh <hr>elemen, memungkinkan Anda membuat pembagi vertikal dalam tata letak umum. Mereka ditata seperti <hr>elemen:

Mereka 1pxlebar
Mereka min-heightmemiliki1em
Warnanya diatur melalui currentColordanopacity

Sesuaikan dengan gaya tambahan sesuai kebutuhan.

Contoh

html

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

Aturan vertikal menskalakan ketinggiannya dalam tata letak fleksibel:

html

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

Dengan tumpukan

Mereka juga dapat digunakan dalam tumpukan :

Barang pertama

Barang kedua

Barang ketiga

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>