Peraturan menegak

Gunakan pembantu peraturan menegak tersuai untuk membuat pembahagi menegak seperti <hr>elemen.

Pada halaman ini

Bagaimana ia berfungsi

Peraturan menegak diilhamkan oleh <hr>elemen, membolehkan anda membuat pembahagi menegak dalam reka letak biasa. Mereka digayakan seperti <hr>elemen:

Mereka 1pxluas
Mereka min-heightmempunyai1em
Warna mereka ditetapkan melalui currentColordanopacity

Sesuaikan mereka dengan gaya tambahan mengikut keperluan.

Contoh

html

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

Peraturan menegak skala ketinggiannya dalam susun atur fleksibel:

html

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

Dengan timbunan

Mereka juga boleh digunakan dalam tindanan :

Item pertama

Item kedua

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