Osnovni rasporedi rešetki za upoznavanje s gradnjom unutar Bootstrap sustava rešetki.
U ovim primjerima .themed-grid-colklasa se dodaje stupcima kako bi se dodala tema. Ovo nije klasa koja je prema zadanim postavkama dostupna u Bootstrapu.
Postoji pet razina mrežnog sustava Bootstrap, po jedna za svaki niz uređaja koje podržavamo. Svaka razina počinje s minimalnom veličinom okvira za prikaz i automatski se primjenjuje na veće uređaje osim ako se ne poništi.
Nabavite tri stupca jednake širine počevši od stolnih računala i skalirajući do velikih stolnih računala . Na mobilnim uređajima, tabletima i nižim stupci će se automatski slagati.
Nabavite tri stupca počevši od stolnih računala i skalirajući do velikih stolnih računala različitih širina. Upamtite, zbroj stupaca rešetke trebao bi biti dvanaest za jedan vodoravni blok. Više od toga, stupci se počinju slagati bez obzira na okvir za prikaz.
Dobijte dva stupca počevši od stolnih računala i skalirajući na velika stolna računala .
Klase mreže nisu potrebne za elemente pune širine.
Prema dokumentaciji, gniježđenje je jednostavno - samo stavite red stupaca unutar postojećeg stupca. To vam daje dva stupca počevši od stolnih računala i skalirajući do velikih stolnih računala , s još dva (jednake širine) unutar većeg stupca.
Na veličinama mobilnih uređaja, tableta i niže, ovi će se stupci i njihovi ugniježđeni stupci slagati.
Bootstrap v4 grid sustav ima pet razina klasa: xs (extra small), sm (small), md (medium), lg (large) i xl (extra large). Možete koristiti gotovo bilo koju kombinaciju ovih klasa za stvaranje dinamičnijih i fleksibilnijih izgleda.
Svaki sloj klasa se povećava, što znači da ako planirate postaviti iste širine za xs i sm, trebate samo navesti xs.