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