مکيه مواد ڏانهن وڃو Docs نيويگيشن ڏانھن وڃو
in English

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

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

بدلائڻdisplay

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

Flexbox جا اختيار

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

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

مارجن ۽ پيڊنگ

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

ٽوگلvisibility

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