سوودمەندیەکان بۆ داڕشتن

گۆڕینdisplay

سوودمەندییەکانی پیشاندانی ئێمە بەکاربهێنە بۆ گۆڕینی بەها باوەکانی displayتایبەتمەندییەکە بە شێوەیەکی وەڵامدەرەوە. لەگەڵ سیستەمی تۆڕەکەمان، ناوەڕۆک، یان پێکهاتەکانمان تێکەڵی بکە بۆ ئەوەی پیشانیان بدەیت یان بیانشاریتەوە لە سەرانسەری ڤیوپۆرتە تایبەتەکاندا.

هەڵبژاردەکانی فلێکسبۆکس

Bootstrap بە flexbox دروستکراوە، بەڵام هەموو توخمەکان displayنەگۆڕدراون بۆ display: flexچونکە ئەمە چەندین سەرپێچی ناپێویست زیاد دەکات و بە شێوەیەکی چاوەڕواننەکراو هەڵسوکەوتی کلیلەکانی وێبگەڕ دەگۆڕێت. زۆربەی پێکهاتەکانمان بە چالاککردنی flexbox دروستکراون.

ئەگەر پێویستت بە زیادکردن display: flexبێت بۆ توخمێک، ئەوە بە .d-flexیان یەکێک لە جۆرە وەڵامدەرەوەکان (بۆ نموونە، .d-sm-flex). پێویستت بەم پۆلە یان displayبەهایە دەبێت بۆ ئەوەی ڕێگە بدەیت بە بەکارهێنانی سوودمەندییە زیادەکانی فلیکسبۆکسمان بۆ قەبارەدانان، ڕێکخستن، دووری و زۆر شتی تر.

پەراوێز و پادکردن

سوودمەندییەکانی و دوورکەوتنەوە بەکاربهێنە بۆ کۆنترۆڵکردنی چۆنیەتی جیاکردنەوەیmargin توخمەکان و پێکهاتەکان و قەبارەیان. Bootstrap پێوەرێکی شەش ئاستی لەخۆدەگرێت بۆ سوودمەندیەکانی دووری، لەسەر بنەمای گۆڕاوێکی پێشوەختەی بەها . بەهاکان بۆ هەموو دەرگاکانی بینین هەڵبژێرە (بۆ نموونە، بۆ لە LTR)، یان جۆرە وەڵامدەرەوەکان هەڵبژێرە بۆ ئامانجکردنی دەرچەی بینینی تایبەت (بۆ نموونە، بۆ —لە LTR— کە لە خاڵی شکاندنەوە دەست پێدەکات).padding 1rem$spacer.me-3margin-right: 1rem.me-md-3margin-right: 1remmd

تۆگڵ بکەvisibility

کاتێک کە گۆڕانکاری displayپێویست نییە، دەتوانیت بە سوودمەندییەکانی بینینمانvisibility توخمێک بگۆڕیت . توخمە نەبینراوەکان هێشتا کاریگەرییان لەسەر شێوازی لاپەڕەکە دەبێت، بەڵام بە شێوەیەکی بینراو لە سەردانکەران دەشاردرێتەوە.