لي آئوٽ لاءِ افاديت
تيز موبائيل-دوستانه ۽ جوابي ترقي لاءِ، Bootstrap ۾ مواد ڏيکارڻ، لڪائڻ، ترتيب ڏيڻ، ۽ فاصلو رکڻ لاءِ درجنين يوٽيلٽي ڪلاس شامل آهن.
بدلائڻdisplay
ملڪيت جي عام قدرن کي جوابي طور تي ٽوگل ڪرڻ لاءِ اسان جي ڊسپليdisplay
يوٽيلٽيز استعمال ڪريو . ان کي اسان جي گرڊ سسٽم، مواد، يا اجزاء سان ملائي ڏيکاريو يا لڪايو انهن کي مخصوص ڏيک پورٽن ۾.
Flexbox جا اختيار
بوٽ اسٽريپ flexbox سان ٺهيل آهي، پر هر عنصر display
کي تبديل نه ڪيو ويو آهي display: flex
جيئن ته اهو ڪيترن ئي غير ضروري اوور رائڊز کي شامل ڪندو ۽ غير متوقع طور تي اهم برائوزر جي رويي کي تبديل ڪندو. اسان جا گهڻا حصا flexbox فعال سان ٺهيل آهن.
ڇا توھان display: flex
کي ھڪڙي عنصر ۾ شامل ڪرڻ جي ضرورت آھي، ائين ڪريو .d-flex
يا ھڪڙي جوابي قسم سان (مثال طور، .d-sm-flex
). توهان کي ضرورت پوندي هن درجي يا display
قدر جي اجازت ڏيڻ لاءِ اسان جي اضافي فليڪس باڪس يوٽيلٽيز جي استعمال جي اجازت ڏيڻ لاءِ سائزنگ، ترتيب ڏيڻ، اسپيسنگ ۽ وڌيڪ.
مارجن ۽ پيڊنگ
استعمال ڪريو margin
۽ padding
اسپيسنگ افاديت کي ڪنٽرول ڪرڻ لاءِ ته ڪيئن عناصر ۽ جزا فاصلا ۽ سائيز آهن. بوٽ اسٽريپ ۾ اسپيسنگ يوٽيلٽيز لاءِ ڇھ-سطح اسڪيل شامل آھي، ھڪ 1rem
قدر ڊفالٽ $spacer
متغير جي بنياد تي. سڀني وييوپورٽس لاءِ قدر چونڊيو (مثال طور، .me-3
LTR margin-right: 1rem
۾)، يا مخصوص وييوپورٽس کي نشانو بڻائڻ لاءِ جوابي قسم چونڊيو (مثال طور، .me-md-3
لاءِ margin-right: 1rem
-LTR ۾- بريڪ md
پوائنٽ تي شروع ٿئي ٿو).
ٽوگلvisibility
جڏهن ٽوگل display
ڪرڻ جي ضرورت نه آهي، توهان visibility
هڪ عنصر کي ٽوگل ڪري سگهو ٿا اسان جي visibility افاديت سان . پوشیدہ عناصر اڃا به صفحي جي ترتيب کي متاثر ڪندا، پر ڏسڻ ۾ ايندڙن کان لڪيل آهن.