سلام، خوش آمدید!
گریدگزینه های شبکه
در حالی که Bootstrap u ses یا برای تعریف اکثر اندازه ها، برای نقاط شکست شبکه و عرض کانتینر استفاده می شود. این به این دلیل است که عرض نمای در پیکسل است و با اندازه فونت تغییر نمی کند. ببینید که چگونه جنبه های سیستم شبکه Bootstrap در چندین دستگاه با یک جدول مفید کار می کند.
|
بسیار کوچک <576 پیکسل |
کوچک ≥576 پیکسل |
متوسط ≥768 پیکسل |
بزرگ ≥992 پیکسل |
بسیار بزرگ ≥1200 پیکسل |
|
|---|---|---|---|---|---|
| حداکثر عرض کانتاینر | هیچکدام (خودکار) | 540 پیکسل | 720 پیکسل | 960 پیکسل | 1140 پیکسل |
| پیشوند کلاس | .col- |
.col-sm- |
.col-md- |
.col-lg- |
.col-xl- |
| ستون | 12 | ||||
| عرض ناودان | 24 پیکسل (12 پیکسل در هر طرف یک ستون) | ||||
| تودرتو | بله | ||||
| ترتیب ستون | بله | ||||
ستون شبکه
با استفاده از یک مجموعه واحد از کلاس‌های شبکه، می‌توانید یک سیستم شبکه پیش‌فرض ایجاد کنید که قبل از اینکه در دستگاه‌های رومیزی (متوسط) افقی شود، روی دستگاه‌های تلفن همراه و تبلت‌ها (محدوده بسیار کوچک تا کوچک) انباشته شروع می‌شود. ستون های شبکه را در هر کدام قرار دهید
.Col-lg-12
.Col-lg-11
.Col-lg-01
.Col-lg-10
.Col-lg-02
.Col-lg-09
.Col-lg-03
.Col-lg-08
.Col-lg-04
.Col-lg-07
.Col-lg-05
.Col-lg-06
.Col-lg-06
.Col-lg-05
.Col-lg-07
.Col-lg-04
.Col-lg-08
.Col-lg-03
.Col-lg-09
.Col-lg-02
.Col-lg-10
.Col-lg-01
.Col-lg-11