د بوټسټریپ گرډ مثالونه

د بوټسټریپ گرډ سیسټم دننه د جوړولو سره د آشنا کیدو لپاره د اصلي گرډ ترتیبونه.

درې مساوي کالمونه

درې مساوي پلن کالمونه ترلاسه کړئ چې په ډیسټاپونو کې پیل کیږي او لوی ډیسټاپونو ته اندازه کول . په ګرځنده وسیلو ، ټابلیټونو او لاندې کې ، کالمونه به په اوتومات ډول سټیک شي.

.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 (تلیفونونه) ، 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-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