سه ستون مساوی

سه ستون با عرض مساوی دریافت کنید که از دسک‌تاپ شروع می‌شوند و به دسک‌تاپ‌های بزرگ مقیاس می‌شوند . در دستگاه‌های تلفن همراه، تبلت‌ها و پایین‌تر، ستون‌ها به‌طور خودکار روی هم چیده می‌شوند.

.col-md-4
.col-md-4
.col-md-4

سه ستون نابرابر

سه ستون دریافت کنید که از دسکتاپ شروع می شود و به دسکتاپ های بزرگ با عرض های مختلف مقیاس می شود. به یاد داشته باشید، ستون های شبکه باید برای یک بلوک افقی منفرد تا دوازده عدد جمع شوند. بیشتر از آن، و ستون‌ها بدون توجه به درگاه دید شروع به انباشتن می‌کنند.

.col-md-3
.col-md-6
.col-md-3

دو ستون

دو ستون دریافت کنید که از دسکتاپ شروع می شود و به دسکتاپ های بزرگ مقیاس می شوند .

.col-md-8
.col-md-4

عرض کامل، تک ستون

هیچ کلاس شبکه ای برای عناصر با عرض کامل لازم نیست.


دو ستون با دو ستون تو در تو

طبق مستندات، تودرتو کردن آسان است - فقط یک ردیف از ستون ها را در یک ستون موجود قرار دهید. این به شما دو ستون می‌دهد که از دسک‌تاپ شروع می‌شوند و به دسک‌تاپ‌های بزرگ مقیاس می‌شوند، با دو ستون دیگر (عرض مساوی) در ستون بزرگ‌تر.

در اندازه‌های دستگاه تلفن همراه، تبلت‌ها و پایین‌تر، این ستون‌ها و ستون‌های تودرتوی آن‌ها روی هم قرار می‌گیرند.

.col-md-8
.col-md-6
.col-md-6
.col-md-4

ترکیبی: موبایل و دسکتاپ

سیستم شبکه Bootstrap 3 دارای چهار کلاس است: xs (تلفن‌ها)، sm (تبلت‌ها)، md (رومیزی) و lg (رومیزی‌های بزرگتر). می‌توانید تقریباً از هر ترکیبی از این کلاس‌ها برای ایجاد طرح‌بندی‌های پویا و انعطاف‌پذیرتر استفاده کنید.

هر ردیف از کلاس‌ها افزایش می‌یابد، به این معنی که اگر قصد دارید عرض‌های یکسانی را برای xs و sm تنظیم کنید، فقط باید xs را مشخص کنید.

col-xs-12 .col-md-8
col-xs-6 .col-md-4
col-xs-6 .col-md-4
col-xs-6 .col-md-4
col-xs-6 .col-md-4
.col-xs-6
.col-xs-6

ترکیبی: موبایل، تبلت و دسکتاپ

col-xs-12 .col-sm-6 .col-lg-8
col-sm-6 .col-lg-4
col-xs-6 .col-sm-4
col-xs-6 .col-sm-4
col-xs-6 .col-sm-4

پاکسازی ستون

شناورها را در نقاط شکست خاص پاک کنید تا از بسته بندی نامناسب با محتوای ناهموار جلوگیری کنید.

col-xs-6 .col-sm-3
اندازه نمای خود را تغییر دهید یا به عنوان مثال آن را در تلفن خود بررسی کنید.
col-xs-6 .col-sm-3
col-xs-6 .col-sm-3
col-xs-6 .col-sm-3

بازنشانی افست، فشار و کشش

بازنشانی افست، فشار و کشش در نقاط شکست خاص.

col-sm-5 .col-md-6
col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0
col-sm-6 .col-md-5 .col-lg-6
col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-offset-0