گرید
به لطف سیستم دوازده ستونی، پنج لایه پیشفرض پاسخگو، متغیرها و میکسهای Sass و دهها کلاس از پیش تعریفشده، از شبکه قدرتمند فلکسباکس تلفن همراه اول Bootstrap برای ساخت طرحبندیهایی در هر شکل و اندازه استفاده کنید.
Grid در Bootstrapگزینه های شبکه
در حالی که Bootstrap از .col-, .col-sm-, و .col-md-, .col-lg-و , استفاده می کند .col-xl-، ما یک نقطه شکست جدید .col-xxl-را برای اندازه بزرگ صفحه نمایش معرفی کردیم.
| بسیار کوچک <576 پیکسل |
کوچک ≥576 پیکسل |
متوسط ≥768 پیکسل |
بزرگ ≥992 پیکسل |
بسیار بزرگ ≥1200 پیکسل |
عظیم ≥1400 پیکسل |
|
|---|---|---|---|---|---|---|
| حداکثر عرض ظرف | هیچکدام (خودکار) | 540 پیکسل | 720 پیکسل | 960 پیکسل | 1140 پیکسل | 1320 پیکسل |
| پیشوند کلاس | .col- |
.col-sm- |
.col-md- |
.col-lg- |
.col-xl- |
.col-xxl- |
| # ستون | 12 | |||||
| عرض ناودان | 30 پیکسل (15 پیکسل در هر طرف یک ستون) | |||||
| تودرتو | آره | |||||
| ترتیب ستون | آره | |||||
