گرید
گزینه های گرید
ببینید چگونه جنبه های گرید بوت سترپ سیستم در چندین دستگاه با یک جدول مفید کار می کند.
|
بسیار کوچک <576px |
کم اهمیت ≥576px |
متوسط ≥768px |
بزرگ ≥992px |
فوق العاده بزرگ ≥1200px |
|
|---|---|---|---|---|---|
| رفتار گرید | افقی در همه زمان ها | برای شروع ، افقی بالاتر از نقاط شکست | |||
| عرض کانتینر حداکثر | خودکار | 540px | 720px | 960px | 1140px |
| پیشوند کلاس | .col- |
.col-sm- |
.col-md- |
.col-lg- |
.col-xl- |
| #ستون | 12 | ||||
| عرض شکاف | 20px (10px در هر طرف یک ستون) | ||||
| تو در تو | بله | ||||
| آفست | بله | ||||
| ترتیب | بله | ||||
نمونه گرید
ستون ها در 576px
نمونه گرید
ستون ها در 768px
نمونه گرید
ستون ها در 992px
نمونه گرید
ستون ها در 1200px
نمونه گرید
با استفاده از یک مجموعه واحد.col-sm-*کلاس ها ، شما می توانید یک سیستم شبکه اصلی ایجاد کنید که قبل از اینکه در دستگاه های دسک تاپ (متوسط) تبدیل شود ، روی دستگاه های کوچک اضافی جمع می شود.
آفست (ماکزیمم خودکار)
با استفاده از حرکت دادن ستون ها به سمت راست با کلاس .offset-md-*
این کلاس ها حاشیه سمت چپ یک ستون توسط * ستون ها را افزایش می دهد.
مثلا، .offset-md-4 حرکت می کند .col-md-4 بیش از چهار ستون.
با حرکت به فلکس باکس در ورژن 4 ، می توانید از خدمات حاشیه ای مانند استفاده کنید .mr-auto
برای مجبور کردن ستون های خواهر و برادر به دور از یکدیگر.