نقاط عطف در دسترس
| نقطه تغییر | پسوند کلاس | ابعاد |
|---|---|---|
| بسیار کوچک | ندارد | <576px |
| کوچک | sm
|
≥576px |
| متوسط | md
|
≥768px |
| بزرگ | lg
|
≥992px |
| بسیار بزرگ | xl
|
≥1200px |
| فوق العاده بزرگ | xxl
|
≥1400px |
کانتینرها
| بسیار کوچک <576px |
کوچک ≥576px |
متوسط ≥768px |
بزرگ ≥992px |
بسیار بزرگ ≥1200px |
فق العاده بزرگ ≥1400px |
|
|---|---|---|---|---|---|---|
.container
|
100% | 540px | 720px | 960px | 1140px | 1320px |
.container-sm
|
100% | 540px | 720px | 960px | 1140px | 1320px |
.container-md
|
100% | 100% | 720px | 960px | 1140px | 1320px |
.container-lg
|
100% | 100% | 100% | 960px | 1140px | 1320px |
.container-xl
|
100% | 100% | 100% | 100% | 1140px | 1320px |
.container-xxl
|
100% | 100% | 100% | 100% | 100% | 1320px |
.container-fluid
|
100% | 100% | 100% | 100% | 100% | 100% |
اختیارات شبکه بندی
| xs
<576px |
sm
≥576px |
md
≥768px |
lg
≥992px |
xl
≥1200px |
xxl
≥1400px |
|
|---|---|---|---|---|---|---|
کانتینر max-width
|
خودکار | 540px | 720px | 960px | 1140px | 1320px |
| پیشوند کلاس | .col-
|
.col-sm-
|
.col-md-
|
.col-lg-
|
.col-xl-
|
.col-xxl-
|
| تعداد ستون ها | 12 | |||||
| عرض جداکننده | 1.5rem (.75rem در چپ و راست) | |||||
| جداکننده سفارشی | بله | |||||
| تودرتو | بله | |||||
| ترتیب ستون ها | بله | |||||