Source

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

تیز رفتار موبائل دوستانہ اور ریسپانسیو ڈیولپمنٹ کے لیے، بوٹسٹریپ میں مواد دکھانے، چھپانے، سیدھ میں لانے اور وقفہ کاری کے لیے درجنوں یوٹیلیٹی کلاسز شامل ہیں۔

بدل رہا ہے۔display

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

Flexbox کے اختیارات

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

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

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

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

ٹوگل کریں۔visibility

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