نموونەی تۆڕی بووتستراپ
نەخشەی تۆڕی بنەڕەتی بۆ ئەوەی ئاشنا بیت بە بیناسازی لەناو سیستەمی تۆڕی Bootstrap.
لەم نموونانەدا .themed-grid-col
پۆلەکە زیاد دەکرێت بۆ ستوونەکان بۆ زیادکردنی هەندێک تەوەر. ئەمە پۆلێک نییە کە بە شێوازی پێشوەختە لە Bootstrap بەردەست بێت.
پێنج قات تۆڕ
پێنج قات هەیە بۆ سیستەمی تۆڕی Bootstrap، یەکێکیان بۆ هەر مەودای ئامێرێک کە پشتگیری دەکەین. هەر قاتێک لە کەمترین قەبارەی دەرچەی بینین دەست پێدەکات و بە شێوەیەکی ئۆتۆماتیکی بۆ ئامێرە گەورەکان کاردەکات مەگەر سەرپێچی نەکرێت.
سێ ستوونی یەکسان
سێ ستوونی پانایی یەکسان بەدەستبهێنە کە لە دەسکتۆپەکانەوە دەست پێدەکات و گەورە دەکرێت بۆ دەسکتۆپی گەورە . لەسەر ئامێرە مۆبایلەکان و تابلێتەکان و خوارەوە، ستوونەکان بە شێوەیەکی ئۆتۆماتیکی لەسەر یەک کۆدەبنەوە.
سێ ستوونی یەکسان بەدیل
بە بەکارهێنانی .row-cols-*
پۆلەکان دەتوانیت بە ئاسانی تۆڕێک دروست بکەیت کە ستوونی یەکسان بێت.
.col
منداڵی
.row-cols-md-3
.col
منداڵی
.row-cols-md-3
.col
منداڵی
.row-cols-md-3
سێ ستوونی نایەکسان
سێ ستوون بەدەست بهێنە کە لە دەسکتۆپەکانەوە دەست پێدەکات و گەورە دەکرێت بۆ دەسکتۆپی گەورە بە پانایی جیاواز. لەبیرت بێت، ستوونەکانی تۆڕ دەبێ تا دوانزە بۆ یەک بلۆکی ئاسۆیی کۆبکەنەوە. زیاتر لەوە، و ستوونەکان دەست دەکەن بە کۆکردنەوە گرنگ نییە ڤیوپۆرتەکە.
دوو ستوون
دوو ستوون بەدەست بهێنە کە لە دەسکتۆپەکانەوە دەست پێدەکات و گەورە دەکرێت بۆ دەسکتۆپی گەورە .
پانایی تەواو، تاکە ستوون
هیچ پۆلێکی تۆڕ پێویست نییە بۆ توخمە تەواو پانەکان.
دوو ستوون بە دوو ستوونی هێلانەکراو
بەپێی بەڵگەنامەکان، هێلانەکردن ئاسانە-تەنها ڕیزێک لە ستوونەکان لەناو ستوونێکی هەبوودا دابنێ. ئەمەش دوو ستوونت پێدەدات کە لە دەسکتۆپەکانەوە دەست پێدەکات و گەورە دەکات بۆ دەسکتۆپی گەورە , لەگەڵ دوو ستوونی تر (پانی یەکسان) لەناو ستوونی گەورەتردا.
لە قەبارەی ئامێرە مۆبایلەکان، تابلێتەکان و خوارەوە، ئەم ستوونانە و ستوونە هێلانەکراوەکانیان لەسەر یەک کۆدەبنەوە.
تێکەڵاو: مۆبایل و دەسکتۆپ
سیستەمی تۆڕی Bootstrap v4 پێنج قاتی پۆلی هەیە: xs (زیادە بچووک، ئەم ئینفیکسە پۆلە بەکارناهێنرێت)، sm (بچووک)، md (مامناوەند)، lg (گەورە)، و xl (زیادە گەورە). دەتوانیت نزیکەی هەر پێکهاتەیەک لەم پۆلانە بەکاربهێنیت بۆ دروستکردنی نەخشەی داینامیکیتر و نەرمتر.
هەر قاتێک لە پۆلەکان گەورە دەبێت، واتە ئەگەر پلانت هەیە هەمان پاناییەکان بۆ md و lg و xl دابنێیت، تەنها پێویستە md دیاری بکەیت.
تێکەڵاو: مۆبایل، تابلێت، و دەسکتۆپ
کانیاوەکان
بە .gx-*
پۆلەکان دەتوانرێت کانییە ئاسۆییەکان ڕێکبخرێت.
.col
بە
.gx-4
کانیاوەکانەوە
.col
بە
.gx-4
کانیاوەکانەوە
.col
بە
.gx-4
کانیاوەکانەوە
.col
بە
.gx-4
کانیاوەکانەوە
.col
بە
.gx-4
کانیاوەکانەوە
.col
بە
.gx-4
کانیاوەکانەوە
پۆلەکان بەکاربهێنە .gy-*
بۆ کۆنترۆڵکردنی کانییە ڕاستەکان.
.col
بە
.gy-4
کانیاوەکانەوە
.col
بە
.gy-4
کانیاوەکانەوە
.col
بە
.gy-4
کانیاوەکانەوە
.col
بە
.gy-4
کانیاوەکانەوە
.col
بە
.gy-4
کانیاوەکانەوە
.col
بە
.gy-4
کانیاوەکانەوە
بە .g-*
پۆلەکان دەتوانرێت کانیاوەکان بە هەردوو ئاراستەکە ڕێکبخرێن.
.col
بە
.g-3
کانیاوەکانەوە
.col
بە
.g-3
کانیاوەکانەوە
.col
بە
.g-3
کانیاوەکانەوە
.col
بە
.g-3
کانیاوەکانەوە
.col
بە
.g-3
کانیاوەکانەوە
.col
بە
.g-3
کانیاوەکانەوە
دەفرەکان
پۆلە زیادەکان کە لە Bootstrap v4.4 زیادکراون ڕێگە بەو کۆنتێنەرانە دەدەن کە 100% پانن تا خاڵێکی شکاندنی دیاریکراو. xxl
v5 خاڵی شکاندنی نوێ زیاد دەکات .