Langkau ke kandungan utama Langkau ke navigasi dokumen
in English

Peraturan menegak

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

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

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

Peraturan menegak skala ketinggiannya dalam susun atur fleksibel:

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