نقاط عطف در دسترس
نقطه تغییر | پسوند کلاس | ابعاد |
---|---|---|
بسیار کوچک | ندارد | <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 در چپ و راست) | |||||
جداکننده سفارشی | بله | |||||
تودرتو | بله | |||||
ترتیب ستون ها | بله |