Bootstrap grid entirnan te

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

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 3 grid system hian class tier pali a nei a, chungte chu xs (phone), sm (tablet), md (desktop), leh lg (desktop lian zawk) 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-xs-12 .col-md-8 tih a ni
.col-xs-6 .col-md-4 tih a ni
.col-xs-6 .col-md-4 tih a ni
.col-xs-6 .col-md-4 tih a ni
.col-xs-6 .col-md-4 tih a ni
.col-xs-6 tih a ni
.col-xs-6 tih a ni

Mixed: mobile, tablet, leh desktop te a awm

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

Column tihfai a ni

Breakpoint bikah clear floats hmangin awkward wrapping a awm loh nan uneven content a awm loh nan.

.col-xs-6 .col-sm-3
I viewport size thlak danglam emaw, entirnan i phone-ah check out emaw rawh.
.col-xs-6 .col-sm-3 tih a ni
.col-xs-6 .col-sm-3 tih a ni
.col-xs-6 .col-sm-3 tih a ni

Offset, push, leh pull reset te a awm bawk

Breakpoint bik ah offset, push leh pull te reset thin ang che.

.col-sm-5 .col-md-6 tih a ni
A rilru a buai em em a, a rilru a hah em em bawk a. .col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0
.col-sm-6 .col-md-5 .col-lg-6. A rilru a hah lutuk chuan a rilru a buai em em a
.col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-offset-0