تین برابر کالم

ڈیسک ٹاپس سے شروع ہونے والے تین مساوی چوڑائی والے کالم حاصل کریں اور بڑے ڈیسک ٹاپس پر اسکیلنگ کریں ۔ موبائل آلات، ٹیبلیٹ اور نیچے، کالم خود بخود اسٹیک ہو جائیں گے۔

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

مخلوط: موبائل اور ڈیسک ٹاپ

بوٹسٹریپ 3 گرڈ سسٹم میں کلاسز کے چار درجات ہیں: xs (فونز)، ایس ایم (ٹیبلیٹس)، ایم ڈی (ڈیسک ٹاپس) اور ایل جی (بڑے ڈیسک ٹاپس)۔ آپ زیادہ متحرک اور لچکدار لے آؤٹ بنانے کے لیے ان کلاسوں کے تقریباً کسی بھی امتزاج کو استعمال کر سکتے ہیں۔

کلاسوں کے ہر درجے کو بڑھایا جاتا ہے، یعنی اگر آپ 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-xs-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