Osnovni rasporedi mreže koji će vas upoznati sa građenjem unutar Bootstrap grid sistema.
U ovim primjerima .themed-grid-col
klasa 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, ovaj infiks klase se ne koristi), 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 md, lg i xl, trebate samo navesti md.
Dodatne klase dodane u Bootstrap v4.4 dozvoljavaju kontejnere koji su 100% široki do određene tačke prekida.