گزینه های شبکه
در حالی که تیلوند یا برای تعریف بیشتر اندازه ها ، برای نقاط ضعف شبکه و عرض کانتینر استفاده می شود.این امر به این دلیل است که عرض نمای در پیکسل است و با اندازه قلم تغییر نمی کند.ببینید که جنبه های تیلوند چگونه سیستم شبکه در چندین دستگاه با یک جدول مفید کار می کند.
| بسیار کوچک <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