Dagiti batayan a layout ti grid tapno makaammoka iti panagbangon iti uneg ti sistema ti grid ti Bootstrap.
Adda lima a tier iti sistema ti grid ti Bootstrap, maysa para iti tunggal sakop dagiti alikamen a suportaranmi. Tunggal tier ket mangrugi iti kabassitan a kadakkel ti viewport ken automatiko nga agaplikar kadagiti dakdakkel nga alikamen malaksid no nabalbaliwan.
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.
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.
Mangala ti dua a kolum a mangrugi kadagiti desktop ken ag-scale kadagiti dadakkel a desktop .
Awan dagiti klase ti grid a kasapulan para kadagiti naan-anay a kalawa nga elemento.
Kada dokumentasion, nalaka ti panagumok—ikabil laeng ti maysa a linia 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.
Ti sistema ti grid ti Bootstrap v4 ket addaan kadagiti lima a tukad ti klase: xs (ekstra a bassit), sm (bassit), md (kalalainganna), lg (dakkel), ken xl (ekstra a dakkel). 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.