عمودي ضابطو

اهو ڪيئن ڪم ڪري ٿو

عمودي ضابطا عنصر کان متاثر آهن <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>