گرید
گزینه های گرید
در حالی که بوتسترپ یا برای تعریف بیشتر اندازه ها از آن استفاده می شود ، برای نقاط شکست شبکه و عرض کانتینر استفاده می شود. این به این دلیل است که عرض viewport در پیکسل است و با اندازه قلم تغییر نمی کند. ببینید چگونه جنبه های سیستم شبکه بوتسترپ در چندین دستگاه دارای یک جدول مفید کار می کنند.
| Extra small <576px | Small ≥576px | Medium ≥768px | Large ≥992px | Extra large ≥1200px | |
|---|---|---|---|---|---|
| بیشترین عرض کانتینر | None (auto) | 540px | 720px | 960px | 1140px |
| کلاس ها | .col- | .col-sm- | .col-md- | .col-lg- | .col-xl- |
| # تعداد ستون | 12 | ||||
| عرض گاتر | 24px (12px on each side of a column) | ||||
| نستایبل | بله | ||||
| ترتیب گرید | بله | ||||
ستون شبکه
با استفاده از یک مجموعه کلاس شبکه ، می توانید یک سیستم شبکه پیش فرض ایجاد کنید که قبل از اینکه به صورت افقی در دستگاه های دسک تاپ (متوسط) قرار گیرد ، روی دستگاه های تلفن همراه و دستگاه های رایانه لوحی (محدوده کوچک تا کوچک) شروع به کار می کند. ستون های شبکه را در هر قسمت قرار دهید
.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