گزینه های شبکه
در حالی که تیلوند یا برای تعریف بیشتر اندازه ها ، برای نقاط ضعف شبکه و عرض کانتینر استفاده می شود.این امر به این دلیل است که عرض نمای در پیکسل است و با اندازه قلم تغییر نمی کند.ببینید که جنبه های تیلوند چگونه سیستم شبکه در چندین دستگاه با یک جدول مفید کار می کند.
|
بسیار کوچک <576px |
کوچک ≥576px |
متوسط ≥768px |
بزرگ ≥992px |
فوق العاده بزرگ ≥1200px |
|
|---|---|---|---|---|---|
| عرض کانتینر حداکثر | None (auto) | 540px | 720px | 960px | 1140px |
| پیشوند کلاس | .w- |
.sm:w- |
.md:w- |
.lg:w- |
.xl:w- |
| # ستون | 12 | ||||
| عرض حصیر | 24px (12px در هر طرف یک ستون) | ||||
| لانه پذیر | بله | ||||
| ترتیب | بله | ||||
ستون
با استفاده از یک مجموعه از کلاس های شبکه ، می توانید یک سیستم شبکه پیش فرض ایجاد کنید که قبل از تبدیل شدن به افقی در دستگاه های دسک تاپ (متوسط) ، در دستگاه های تلفن همراه و دستگاه های رایانه لوحی (محدوده کوچک و کوچک کوچک) شروع شود.ستون های شبکه را در هر قرار دهید
.w-full
xl:w-11/12
xl:w-1/12
xl:w-5/6
xl:w-1/6
xl:w-3/4
xl:w-1/4
xl:w-2/3
xl:w-1/3
xl:w-7/12
xl:w-5/12
xl:w-1/2
xl:w-1/2
xl:w-5/12
xl:w-7/12
xl:w-1/3
xl:w-2/3
xl:w-1/4
xl:w-3/4
xl:w-1/6
xl:w-5/6
xl:w-1/12
xl:w-11/12