Tri ikwal kɔlɔm dɛn

Gɛt tri ikwal-wid kɔlɔm dɛn we bigin na dɛsktɔp ɛn skel to big dɛsktɔp dɛn . Na mobayl divays dɛn, tablɛt dɛn ɛn dɔŋ ya, di kɔlɔm dɛn go stak ɔtomɛtik wan.

.kɔl-md-4
.kɔl-md-4
.kɔl-md-4

Tri kɔlɔm dɛn we nɔ ikwal

Gɛt tri kɔlɔm dɛn we bigin na dɛsktɔp ɛn skel to big dɛsktɔp dɛn we gɛt difrɛn wit. Mɛmba se, grid kɔlɔm dɛn fɔ ad to twɛlv fɔ wan ɔrizɔntal blɔk. Mɔ pas dat, ɛn kɔlɔm dɛn bigin fɔ stak ilɛksɛf na di say we dɛn de si di pikchɔ.

.kɔl-md-3
.kɔl-md-6
.kɔl-md-3

Tu kɔlɔm dɛn

Gɛt tu kɔlɔm dɛn we bigin na dɛsktɔp ɛn skel to big dɛsktɔp dɛn .

.kɔl-md-8
.kɔl-md-4

Ful wit, wan kɔlɔm

No grid klas nɔ nid fɔ ful-wid ɛlimɛnt dɛn.


Tu kɔlɔm dɛn wit tu kɔlɔm dɛn we dɛn dɔn nɛst

Per di dokumɛnt, nɛst izi—jɔs put wan row fɔ kɔlɔm dɛn insay wan kɔlɔm we dɔn de. Dis de gi yu tu kɔlɔm dɛn we de stat na dɛsktɔp ɛn skel to big dɛsktɔp , wit ɔda tu (ikwal wit) insay di big kɔlɔm.

Na mobayl divays saiz, tablɛt ɛn dɔŋ, dɛn kɔlɔm ya ɛn dɛn nest kɔlɔm dɛn go stak.

.kɔl-md-8
.kɔl-md-6
.kɔl-md-6
.kɔl-md-4

Miks: mobayl ɛn dɛsktɔp

Di Bootstrap 3 grid sistem gɛt 4 taya dɛn fɔ klas dɛn: xs (fon dɛn), sm (tablɛt dɛn), md (dɛsktɔp dɛn), ɛn lg (big dɛsktɔp dɛn). Yu kin yuz klos to ɛni kɔmbaynshɔn fɔ dɛn klas ya fɔ mek mɔ dinamik ɛn fleksibul layout dɛn.

Ɛni taya fɔ klas dɛn de skel ɔp, we min se if yu plan fɔ sɛt di sem wit fɔ xs ɛn sm, yu jɔs nid fɔ spɛsifa xs.

.kol-xs-12 .kol-md-8
.kol-xs-6 .kol-md-4
.kol-xs-6 .kol-md-4
.kol-xs-6 .kol-md-4
.kol-xs-6 .kol-md-4
.kɔl-xs-6
.kɔl-xs-6

Miks: mobayl, tablɛt, ɛn dɛsktɔp

.kol-xs-12 .kol-sm-6 .kol-lg-8
.kol-xs-6 .kol-lg-4
.kol-xs-6 .kol-sm-4
.kol-xs-6 .kol-sm-4
.kol-xs-6 .kol-sm-4

Kɔlɔm we de klia

Klir flot na spesifik brekpoint fɔ mek dɛn nɔ rap awkward wit kɔntinyu we nɔ ivin.

.col-xs-6 .col-sm-3
Risayz yu viupɔt ɔ chɛk am na yu fon fɔ ɛgzampul.
.kol-xs-6 .kol-sm-3
.kol-xs-6 .kol-sm-3
.kol-xs-6 .kol-sm-3

Ɔfset, push, ɛn pul riset dɛn

Riset ɔfset, push, ɛn pul na patikyula brekpɔynt dɛn.

.kol-sm-5 .kol-md-6
.kol-sm-5 .kol-sm-ɔfset-2 .kol-md-6 .kol-md-ɔfset-0
.kol-sm-6 .kol-md-5 .kol-lg-6
.kol-sm-6 .kol-md-5 .kol-md-ɔfset-2 .kol-lg-6 .kol-lg-ɔfset-0