گرید
به لطف سیستم دوازده ستونی، پنج لایه پیشفرض پاسخگو، متغیرها و میکسهای 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 پیکسل در هر طرف یک ستون) | |||||
تودرتو | آره | |||||
ترتیب ستون | آره |