Tallo nga agpapada a kolum

Mangala ti tallo nga agpapada ti kalawana a kolum a mangrugi kadagiti desktop ken ag-scale kadagiti dadakkel a desktop . Kadagiti mobile device, tablet ken iti baba, automatiko nga agtumpok dagiti kolum.

.kol-md-4 nga
.kol-md-4 nga
.kol-md-4 nga

Tallo a di agpapada a kolum

Mangala ti tallo a kolum a mangrugi kadagiti desktop ken ag-scale kadagiti dadakkel a desktop ti nadumaduma a kalawa. Laglagipem, dagiti adigi ti grid ket rumbeng a mangnayon aginggana iti sangapulo ket dua para iti maymaysa a horizontal a bloke. Ad-adu ngem dayta, ken dagiti kolum ket mangrugida nga agtumpok urayno ania ti viewport.

.kol-md-3 nga
.kol-md-6 nga
.kol-md-3 nga

Dua a kolum

Mangala ti dua a kolum a mangrugi kadagiti desktop ken ag-scale kadagiti dadakkel a desktop .

.kol-md-8 nga
.kol-md-4 nga

Naan-anay a kalawa, maymaysa nga adigi

Awan dagiti klase ti grid a kasapulan para kadagiti naan-anay a kalawa nga elemento.


Dua a kolum nga addaan iti dua a naisanglad a kolum

Kada dokumentasion, nalaka ti panagumok—ikabil laeng ti hilera dagiti adigi iti uneg ti addan a kolum. Daytoy ket mangted kenka ti dua a kolum a mangrugi kadagiti desktop ken panag-scale kadagiti dadakkel a desktop , nga addaan kadagiti sabali pay a dua (agpada a kalawa) iti uneg ti dakdakkel a kolum.

Kadagiti kadakkel ti mobile device, tablet ken agpababa, dagitoy a kolum ken dagiti naisanglad a kolumda ket agtumpok.

.kol-md-8 nga
.kol-md-6 nga
.kol-md-6 nga
.kol-md-4 nga

Naglaok: mobile ken desktop

Ti sistema ti grid ti Bootstrap 3 ket addaan iti uppat a tukad ti klase: xs (telepono), sm (tablet), md (desktop), ken lg (dakdakkel a desktop). Mabalinmo nga usaren ti dandani ania man a kombinasion dagitoy a klase tapno mangpartuat kadagiti ad-adu a dinamiko ken nalaka a maibagay a layout.

Tunggal tukad dagiti klase ket ag-scale up, kayatna a sawen no planom ti mangikeddeng kadagiti agpapada a kalawa para iti xs ken sm, kasapulam laeng nga ikeddeng ti 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
.kol-xs-6 nga
.kol-xs-6 nga

Naglaok: mobile, tablet, ken desktop

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

Panag-clear ti kolum

Nalawag a float kadagiti espesipiko a breakpoint tapno malapdan ti makauma a panagbalkot nga addaan iti saan a patas a linaon.

.col-xs-6 .col-sm-3
Baliwam ti kadakkel ti viewport-mo wenno kitaem iti teleponom kas pagarigan.
.kol-xs-6 .kol-sm-3
.kol-xs-6 .kol-sm-3
.kol-xs-6 .kol-sm-3

Offset, iduron, ken guyoden dagiti reset

I-reset dagiti offset, push, ken pull kadagiti espesipiko a breakpoint.

.kol-sm-5 .kol-md-6
.kol-sm-5 .kol-sm-offset-2 .kol-md-6 .kol-md-offset-0
.kol-sm-6 .kol-md-5 .kol-lg-6
.kol-sm-6 .kol-md-5 .kol-md-offset-2 .kol-lg-6 .kol-lg-offset-0