لے آؤٹ کے لیے افادیت

بدل رہا ہے۔display

پراپرٹی کی مشترکہ اقدار کو جوابی طور پر ٹوگل کرنے کے لیے ہماری ڈسپلے یوٹیلیٹیز استعمال کریں۔ displayاسے ہمارے گرڈ سسٹم، مواد، یا اجزاء کے ساتھ ملائیں تاکہ انہیں مخصوص ویو پورٹس پر دکھانے یا چھپانے کے لیے۔

Flexbox کے اختیارات

بوٹسٹریپ فلیکس باکس کے ساتھ بنایا گیا ہے، لیکن ہر عنصر displayکو تبدیل نہیں کیا گیا ہے display: flexکیونکہ اس سے بہت سے غیر ضروری اوور رائیڈز شامل ہوں گے اور براؤزر کے کلیدی رویوں کو غیر متوقع طور پر تبدیل کر دیا جائے گا۔ ہمارے زیادہ تر اجزاء فلیکس باکس کے ساتھ بنائے گئے ہیں۔

اگر آپ display: flexکو کسی عنصر میں شامل کرنے کی ضرورت ہے، تو ایسا کریں .d-flexیا کسی جوابی قسم کے ساتھ کریں (مثال کے طور پر، .d-sm-flex)۔ سائز، سیدھ، وقفہ کاری، اور مزید کے لیے displayہماری اضافی فلیکس باکس افادیت کے استعمال کی اجازت دینے کے لیے آپ کو اس کلاس یا قدر کی ضرورت ہوگی۔

مارجن اور پیڈنگ

عناصر اور اجزاء کو کس طرح فاصلہ اور سائز کیا جاتا ہے اس کو کنٹرول کرنے کے لیے marginاور padding اسپیسنگ یوٹیلیٹیز کا استعمال کریں ۔ بوٹسٹریپ میں اسپیسنگ یوٹیلیٹیز کے لیے چھ سطحی پیمانہ شامل ہے، 1remویلیو ڈیفالٹ $spacerمتغیر کی بنیاد پر۔ تمام ویو پورٹس کے لیے اقدار کا انتخاب کریں (مثلاً، LTR میں .me-3کے لیے )، یا مخصوص ویو پورٹس کو ہدف بنانے کے لیے جوابی شکلیں چنیں (مثلاً — LTR میں — بریک پوائنٹ سے شروع ہو کر )۔margin-right: 1rem.me-md-3margin-right: 1remmd

ٹوگل کریں۔visibility

جب displayٹوگل کرنے کی ضرورت نہ ہو، تو آپ ہماری مرئیت کی افادیتvisibility کے ساتھ کسی عنصر کو ٹوگل کر سکتے ہیں ۔ غیر مرئی عناصر اب بھی صفحہ کی ترتیب کو متاثر کریں گے، لیکن دیکھنے والوں سے بصری طور پر پوشیدہ ہیں۔