Source

لي آئوٽ لاءِ افاديت

تيز موبائيل-دوستانه ۽ جوابي ترقي لاءِ، Bootstrap ۾ مواد ڏيکارڻ، لڪائڻ، ترتيب ڏيڻ، ۽ فاصلو رکڻ لاءِ درجنين يوٽيلٽي ڪلاس شامل آهن.

بدلائڻdisplay

ملڪيت جي عام قدرن کي جوابي طور تي ٽوگل ڪرڻ لاءِ اسان جي ڊسپليdisplay يوٽيلٽيز استعمال ڪريو . ان کي اسان جي گرڊ سسٽم، مواد، يا اجزاء سان ملائي ڏيکاريو يا لڪايو انهن کي مخصوص ڏيک پورٽن ۾.

Flexbox جا اختيار

Bootstrap 4 flexbox سان ٺهيل آهي، پر هر عنصر displayکي تبديل نه ڪيو ويو آهي display: flexجيئن ته اهو ڪيترن ئي غير ضروري اوور رائڊز کي شامل ڪندو ۽ غير متوقع طور تي اهم برائوزر جي رويي کي تبديل ڪندو. اسان جا گهڻا حصا flexbox فعال سان ٺهيل آهن.

ڇا توھان display: flexکي ھڪڙي عنصر ۾ شامل ڪرڻ جي ضرورت آھي، ائين ڪريو .d-flexيا ھڪڙي جوابي قسم سان (مثال طور، .d-sm-flex). توهان کي ضرورت پوندي هن درجي يا displayقدر جي اجازت ڏيڻ لاءِ اسان جي اضافي فليڪس باڪس يوٽيلٽيز جي استعمال جي اجازت ڏيڻ لاءِ سائزنگ، ترتيب ڏيڻ، اسپيسنگ ۽ وڌيڪ.

مارجن ۽ padding

استعمال ڪريو margin۽ padding اسپيسنگ افاديت کي ڪنٽرول ڪرڻ لاءِ ته ڪيئن عناصر ۽ جزا فاصلا ۽ سائيز آهن. بوٽ اسٽريپ 4 ۾ فاصلي جي افاديت لاءِ پنج سطحي اسڪيل شامل آھن، ھڪڙي 1remقدر ڊفالٽ $spacerمتغير جي بنياد تي. سڀني ڏيک بندرگاهن لاءِ قدر چونڊيو (مثال طور، .mr-3لاءِ margin-right: 1rem)، يا مخصوص وييوپورٽس کي نشانو بڻائڻ لاءِ جوابي قسم چونڊيو (مثال طور، بريڪ پوائنٽ تي شروع ڪرڻ .mr-md-3لاءِ ).margin-right: 1remmd

ٽوگلvisibility

جڏهن ٽوگل displayڪرڻ جي ضرورت نه آهي، توهان visibilityهڪ عنصر کي ٽوگل ڪري سگهو ٿا اسان جي visibility افاديت سان . پوشیدہ عناصر اڃا به صفحي جي ترتيب کي متاثر ڪندا، پر ڏسڻ ۾ ايندڙ ويندڙن کان لڪيل آهن.