د بوټسټریپ گرډ سیسټم دننه د جوړولو سره د آشنا کیدو لپاره د اصلي گرډ ترتیبونه.
په دې مثالونو کې .themed-grid-colټولګي په کالمونو کې اضافه شوي ترڅو ځینې موضوعات اضافه کړي. دا یو ټولګی نه دی چې په ډیفالټ بوټسټریپ کې شتون لري.
د بوټسټریپ گرډ سیسټم لپاره پنځه درجې شتون لري، یو د هرې وسیلو لپاره چې موږ یې ملاتړ کوو. هر ټایر د لږترلږه لید پورټ اندازې څخه پیل کیږي او په اتوماتيک ډول په لویو وسیلو باندې پلي کیږي پرته لدې چې له پامه غورځول شي.
درې مساوي پلن کالمونه ترلاسه کړئ چې په ډیسټاپونو کې پیل کیږي او لوی ډیسټاپونو ته اندازه کول . په ګرځنده وسیلو ، ټابلیټونو او لاندې کې ، کالمونه به په اوتومات ډول سټیک شي.
درې کالمونه ترلاسه کړئ چې په ډیسټاپونو کې پیل کیږي او د مختلف پراخوالي لوی ډیسټاپونو ته اندازه کول . په یاد ولرئ، د گرډ کالمونه باید د یو افقی بلاک لپاره تر دولسو پورې اضافه کړي. له دې څخه ډیر، او کالمونه د ویوپورټ په پام کې نیولو سره پیل کوي.
دوه کالمونه ترلاسه کړئ چې په ډیسټاپونو کې پیل کیږي او لوی ډیسټاپونو ته اندازه کول .
د بشپړ پلن عناصرو لپاره د ګریډ ټولګیو ته اړتیا نشته.
د اسنادو له مخې، ځړول اسانه دي - یوازې په موجوده کالم کې د کالمونو قطار واچوئ. دا تاسو ته دوه کالمونه درکوي چې په ډیسټاپونو کې پیل کیږي او لوی ډیسټاپونو ته اندازه کیږي ، په لوی کالم کې د نورو دوه (مساوي عرض) سره.
د ګرځنده وسیلو په اندازو، ټابلیټونو او ښکته کې، دا کالمونه او د دوی ځړول شوي کالمونه به سټیک شي.
د بوټسټراپ v4 گرډ سیسټم پنځه درجې ټولګي لري: xs (اضافي کوچنی، دا ټولګي انفکس نه کارول کیږي)، sm (کوچنی)، md (منځنی)، lg (لوی)، او xl (اضافي لوی). تاسو کولی شئ د دې ټولګیو نږدې هر ترکیب وکاروئ ترڅو ډیر متحرک او انعطاف منونکي ترتیبونه رامینځته کړئ.
د ټولګیو هر طبقه اندازه کوي، پدې معنی چې که تاسو د md، lg او xl لپاره ورته عرض ترتیبولو پلان لرئ، تاسو یوازې د md مشخص کولو ته اړتیا لرئ.
په Bootstrap v4.4 کې اضافه شوي اضافي ټولګي هغه کانټینرونو ته اجازه ورکوي چې تر یوې ځانګړې وقفې پورې 100٪ پراخه وي.