شبکه (گرید)

روش های شبکه

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
بسیار کوچک
576px		 کوچک
576px 		متوسط
768px 		بزرگ
992px 		بسیار بزرگ
1200px 		بزرگتر
1400px
رفتار گریدها افقی لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
حداکثر عرض هیچ (خودکار) 540px 720px 960px 1140px 1320px
کلاس های سی اس اس
.col-
.col-sm-
.col-md-
.col-lg-
.col-xl-
.col-xxl-
# تعداد ستون ها 12
عرض گاتر 1.5rem (.75rem در راست و چپ)
تودرتو Yes
آفست بله
مرتب سازی بله
شبکه ها و ستون ها
col-md-6
col-md-6
col-md-7
col-md-5
col-md-8
col-md-4
col-md-9
col-md-3
col-md-10
col-md-2
col-md-11
col-md-1
col-md-12
عرض یکسان
col-md-6
col-md-6
col-md-4
col-md-4
col-md-4
تنظیم عرض یک ستون
col-md-3
col-md-6 (عریض تر)
col-md-3
col
col-md-5 (عریض تر)
col
محتواها
col-lg-4
col-md-auto
col-lg-4
col
col-md-auto
col-lg-2
شبکه
col
col
col
col
col
col-4
پشته ای افقی
col-sm-8
col-sm-4
col-sm
col-sm
col-sm
ترکیبی
col-sm-8
col-6 col-md-4
col-6 col-md-4
col-6 col-md-4
col-6 col-md-4
col-6
col-6
تودرتو
سطح 1: .col-sm-3
سطح 2: .col-8 .col-sm-6
سطح 2: .col-4 .col-sm-6
ترازبندی افقی
این یک ستون است
این یک ستون است
این یک ستون است
این یک ستون است
این یک ستون است
این یک ستون است
ترازبندی عمودی
این یک ستون است
این یک ستون است
این یک ستون است
این یک ستون است
این یک ستون است
این یک ستون است
کلاس های آفست
.col-md-4
.col-md-4 .offset-md-4
.col-md-3 .offset-md-3
.col-md-3 .offset-md-3
.col-md-6 .offset-md-3
ابزار مارجین
.col-md-4
.col-md-4 .ms-auto
.col-md-3 .ms-md-auto
.col-md-3 .ms-md-auto
.col-auto .me-auto
.col-auto