ვერტიკალური წესი

Როგორ მუშაობს

ვერტიკალური წესები შთაგონებულია <hr>ელემენტით, რაც საშუალებას გაძლევთ შექმნათ ვერტიკალური გამყოფები საერთო განლაგებაში. ისინი სტილიზებულია <hr>ელემენტების მსგავსად:

• ისინი 1pxფართოა
• მათ min-heightაქვთ1em
• მათი ფერი დგინდება მეშვეობით currentColorდაopacity

საჭიროებისამებრ შეცვალეთ ისინი დამატებითი სტილებით.

მაგალითი

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

ვერტიკალური წესები ზომავს მათ სიმაღლეს მოქნილი განლაგებით:

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

სტეკებით

ისინი ასევე შეიძლება გამოყენებულ იქნას სტეკებში :

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