سیستم Grid در بوت استرپ سیستم grid درفریمورک bootstrap بر اساس flexbox طراحی شده است. این سیستم کاملا واکنشگرا میباشد و نسبت به نمایشگرهای مختلف با حالتهای مختلف به نمایش در میآید. بدینمعنی که اندازه ستونها نسبت به اندازهی صفحه نمایش به طور خودکار تغییر میکند. در تصویر زیر میتوانید، طراحی صفحه وبی را در سه نمایشگر دسکتاپ، تبلت و موبایل مشاهده فرمایید.
سیستم تقسیمبندی یا Grid در بوتاسترپ به شما اجازه میدهد تا 12 ستون در یک صفحه ایجاد کنید. البته اگر نمیخواهید از 12 ستون استفاده کنید، میتوانید از تقسیمبندیهای گوناگون دیگری بهره ببرید نکتهای که باید در ذهن داشته باشید، این است که مجموع ستونهایی که میخواهید در یک صفحه ایجاد کنید، حتما باید 12 عدد شود. برای مثال اگ بخواهید در صفحه وب خود ۴ ستون داشته باشید، باید بهاندازه ۱۲ ستون کوچک، ۴ ستون بزرگ ایجاد کنید.