Lewati ke konten utama Lewati ke navigasi dokumen
in English

Aturan vertikal

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

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

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

Aturan vertikal menskalakan ketinggiannya dalam tata letak fleksibel:

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