Vertikal qoida

<hr>Element kabi vertikal boʻlinmalarni yaratish uchun maxsus vertikal qoida yordamchisidan foydalaning .

Ushbu sahifada

U qanday ishlaydi

<hr>Vertikal qoidalar elementdan ilhomlangan bo'lib , umumiy tartiblarda vertikal bo'linishlarni yaratishga imkon beradi. Ular xuddi <hr>elementlar kabi uslubga ega:

Ular 1pxkeng
Ularda min-heightbor1em
currentColorUlarning rangi va orqali o'rnatiladiopacity

Zarur bo'lganda ularni qo'shimcha uslublar bilan moslashtiring.

Misol

html

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

Vertikal qoidalar moslashuvchan sxemalarda balandligini o'lchaydi:

html

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

Staklar bilan

Ular steklarda ham ishlatilishi mumkin :

Birinchi element

Ikkinchi element

Uchinchi element

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>