Osnovni rasporedi mreže koji će vas upoznati sa građenjem unutar Bootstrap grid sistema.
U ovim primjerima .themed-grid-colklasa je dodana u kolone kako bi se dodala neka tema. Ovo nije klasa koja je podrazumevano dostupna u Bootstrapu.
Bootstrap grid sistem ima pet nivoa, po jedan za svaki opseg uređaja koje podržavamo. Svaki nivo počinje od minimalne veličine okvira za prikaz i automatski se primjenjuje na veće uređaje osim ako se ne poništi.
Nabavite tri kolone jednake širine počevši od desktopa i skalirajući do velikih desktopa . Na mobilnim uređajima, tabletima i ispod, kolone će se automatski slagati.
Nabavite tri kolone počevši od desktopa i skalirajte do velikih desktopa različitih širina. Zapamtite, broj stupaca mreže treba da iznosi do dvanaest za jedan horizontalni blok. Više od toga, kolone se počinju slagati bez obzira na okvir prikaza.
Nabavite dvije kolone počevši od desktopa i skalirajte do velikih desktopa .
Za elemente pune širine nisu potrebne mrežne klase.
Prema dokumentaciji, ugniježđenje je jednostavno – samo stavite red kolona unutar postojeće kolone. Ovo vam daje dvije kolone počevši od desktopa i skaliraju do velikih desktopa , s još dvije (jednake širine) unutar veće kolone.
Na veličinama mobilnih uređaja, tableta i manje, ove kolone i njihove ugniježđene kolone će se slagati.
Mrežni sistem Bootstrap v4 ima pet nivoa klasa: xs (ekstra mali), sm (mali), md (srednji), lg (veliki) i xl (ekstra veliki). Možete koristiti gotovo bilo koju kombinaciju ovih klasa da kreirate dinamičnije i fleksibilnije rasporede.
Svaki nivo klasa se povećava, što znači da ako planirate postaviti iste širine za xs i sm, trebate samo navesti xs.