لے آؤٹ کے لیے افادیت
تیز رفتار موبائل دوستانہ اور ریسپانسیو ڈیولپمنٹ کے لیے، بوٹسٹریپ میں مواد دکھانے، چھپانے، سیدھ میں لانے اور وقفہ کاری کے لیے درجنوں یوٹیلیٹی کلاسز شامل ہیں۔
بدل رہا ہے۔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: 1rem
md
ٹوگل کریں۔visibility
جب display
ٹوگل کرنے کی ضرورت نہ ہو، تو آپ ہماری مرئیت کی افادیتvisibility
کے ساتھ کسی عنصر کو ٹوگل کر سکتے ہیں ۔ غیر مرئی عناصر اب بھی صفحہ کی ترتیب کو متاثر کریں گے، لیکن دیکھنے والوں سے بصری طور پر پوشیدہ ہیں۔