Bootstrap grid entirnan te
Bootstrap grid system chhunga building siam dan tur hriat chian nan grid layouts bulpui ber berte.
Heng entîrnaah hian .themed-grid-col
theming engemaw zat dah belh tûrin column-ah class chu dah a ni. Hei hi Bootstrap-a default-a awm class a ni lo.
Grid tier panga a awm
Bootstrap grid system ah hian tier panga a awm a, kan support device range tin atan pakhat theuh a awm. Tier tin hi viewport size tlem berah a intan a, overridden a nih loh chuan device lian zawkah automatic in a apply vek a ni.
Column inang pathum
Desktop atanga tan a, desktop lian tak takah scaling column pathum equal-width nei rawh . Mobile device, tablet leh a hnuai lamah chuan column te chu automatic in a stack ang.
Column inang pathum alternative
Class te hmang hian .row-cols-*
awlsam takin column inang grid siam theih a ni.
.col
fa a ni
.row-cols-md-3
.col
fa a ni
.row-cols-md-3
.col
fa a ni
.row-cols-md-3
Column inang lo pathum
Desktop atanga tan a, desktop lian zau zawng hrang hranga scaling atanga column pathum la rawh . Grid column te hi horizontal block pakhat atan sawm leh pahnih thleng add tur a ni tih hre reng ang che. Chu aia tam, leh column te chu viewport eng pawh ni se an stack tan thin.
Column pahnih a awm
Desktop atanga tan atanga desktop lian tak takah column pahnih la rawh .
A zau zawng zawng, column pakhat chauh a awm
Full-width elements tan chuan grid class a ngai lo.
Column pahnih leh nested column pahnih
Documentation ang chuan nesting hi a awlsam a—column awmsa chhungah column row khat dah mai rawh. Hei hian desktop atanga tan atanga desktop lian thlenga scaling column pahnih a pe che a , column lian zawk chhungah pahnih dang (equal widths) a awm bawk.
Mobile device size, tablet leh down-ah te chuan heng column te leh an nested column te hi an stack ang.
Mixed: mobile leh desktop te a awm
Bootstrap v4 grid system hian class tier panga a nei a, chungte chu xs (extra small, he class infix hi hman a ni lo), sm (small), md (medium), lg (large), leh xl (extra large) te an ni. Heng class hrang hrangte inzawmkhawmna zawng zawng deuhthaw hmangin layout dynamic leh flexible zawk siam theih a ni.
Class tier tin hian an scale up a, chu chu md, lg leh xl te tan width inang set i tum a nih chuan md chauh i specify a ngai tihna a ni.
Mixed: mobile, tablet, leh desktop te a awm
Gutters te a awm
Class te nen .gx-*
chuan horizontal gutters te chu a siam rem thei bawk.
.col
.gx-4
gutters
te nen
.col
.gx-4
gutters
te nen
.col
.gx-4
gutters
te nen
.col
.gx-4
gutters
te nen
.col
.gx-4
gutters
te nen
.col
.gx-4
gutters
te nen
Class te hmangin .gy-*
vertical gutters te control thin ang che.
.col
.gy-4
gutters
te nen
.col
.gy-4
gutters
te nen
.col
.gy-4
gutters
te nen
.col
.gy-4
gutters
te nen
.col
.gy-4
gutters
te nen
.col
.gy-4
gutters
te nen
Class te nen .g-*
chuan a sir lehlamah gutters te chu a siamrem theih a ni.
.col
.g-3
gutters
te nen
.col
.g-3
gutters
te nen
.col
.g-3
gutters
te nen
.col
.g-3
gutters
te nen
.col
.g-3
gutters
te nen
.col
.g-3
gutters
te nen
Container te pawh a awm
Bootstrap v4.4-a class dang dah belh chuan breakpoint bik thleng 100% zau container a phalsak a ni. v5 hian xxl
breakpoint thar a rawn belh leh a.