Source

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

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

گۆڕینdisplay

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

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

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

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

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

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

تۆگڵ بکەvisibility

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