مرکزی مواد پر جائیں۔ ڈاکس نیویگیشن پر جائیں۔
Check
in English

عمودی اصول

<hr>عنصر کی طرح عمودی تقسیم کرنے کے لیے حسب ضرورت عمودی اصول مددگار کا استعمال کریں ۔

یہ کیسے کام کرتا ہے

<hr>عمودی اصول عنصر سے متاثر ہوتے ہیں ، جو آپ کو عام ترتیب میں عمودی تقسیم کرنے کی اجازت دیتے ہیں۔ وہ <hr>عناصر کی طرح اسٹائل کیے گئے ہیں:

  • وہ 1pxچوڑے ہیں۔
  • ان کے پاس min-heightہے۔1em
  • ان کا رنگ currentColorاور کے ذریعے سیٹ کیا جاتا ہے۔opacity

ضرورت کے مطابق اضافی شیلیوں کے ساتھ انہیں اپنی مرضی کے مطابق بنائیں۔

مثال

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

عمودی اصول اپنی اونچائی کو فلیکس لے آؤٹ میں پیمانہ کرتے ہیں:

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

ڈھیروں کے ساتھ

انہیں ڈھیروں میں بھی استعمال کیا جا سکتا ہے :

پہلی چیز
دوسری چیز
تیسری چیز
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>