Bootstrap grid entirnan te

Bootstrap grid system chhunga building i hriat chian theih nan grid layouts bulpui te.

Grid tier panga a awm

Bootstrap grid system ah hian tier panga a awm a, kan support device range tin atan pakhat 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.

.col-4 a ni
.col-4 a ni
.col-4 a ni
.col-sm-4 tih a ni
.col-sm-4 tih a ni
.col-sm-4 tih a ni
.col-md-4 tih a ni
.col-md-4 tih a ni
.col-md-4 tih a ni
.col-lg-4 tih a ni
.col-lg-4 tih a ni
.col-lg-4 tih a ni
.col-xl-4 tih a ni
.col-xl-4 tih a ni
.col-xl-4 tih 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.

.col-md-4 tih a ni
.col-md-4 tih a ni
.col-md-4 tih a ni

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.

.col-md-3 tih a ni
.col-md-6 tih a ni
.col-md-3 tih a ni

Column pahnih a awm

Desktop atanga tan atanga desktop lian tak takah column pahnih la rawh .

.col-md-8 tih a ni
.col-md-4 tih a ni

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.

.col-md-8 tih a ni
.col-md-6 tih a ni
.col-md-6 tih a ni
.col-md-4 tih a ni

Mixed: mobile leh desktop te a awm

Bootstrap v4 grid system hian class tier panga a nei a, chungte chu xs (a te deuh), sm (a te), md (medium), lg (a lian), leh xl (a lian lutuk) 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 xs leh sm tan width inang set i tum a nih chuan xs chauh i specify a ngai tihna a ni.

.col-12 .col-md-8 tih a ni
.col-6 .col-md-4 tih a ni
.col-6 .col-md-4 tih a ni
.col-6 .col-md-4 tih a ni
.col-6 .col-md-4 tih a ni
.col-6 a ni
.col-6 a ni

Mixed: mobile, tablet, leh desktop te a awm

.col-12 .col-sm-6 .col-lg-8 tih a ni
.col-6 .col-lg-4 tih a ni
.col-6 .col-sm-4 tih a ni
.col-6 .col-sm-4 tih a ni
.col-6 .col-sm-4 tih a ni