Basiese roosteruitlegte om jou vertroud te maak met die bou binne die Bootstrap-roosterstelsel.
In hierdie voorbeelde .themed-grid-colword die klas by die kolomme gevoeg om 'n tema by te voeg. Dit is nie 'n klas wat by verstek in Bootstrap beskikbaar is nie.
Daar is vyf vlakke vir die Bootstrap-roosterstelsel, een vir elke reeks toestelle wat ons ondersteun. Elke vlak begin by 'n minimum viewport-grootte en is outomaties van toepassing op die groter toestelle, tensy dit oorskryf word.
Kry drie kolomme met gelyke breedte, begin by rekenaars en skaal na groot rekenaars . Op mobiele toestelle, tablette en onder sal die kolomme outomaties gestapel word.
Kry drie kolomme wat by rekenaars begin en skaal na groot rekenaars van verskillende breedtes. Onthou, roosterkolomme behoort tot twaalf op te tel vir 'n enkele horisontale blok. Meer as dit, en kolomme begin stapel maak nie saak die viewport nie.
Kry twee kolomme wat by rekenaars begin en skaal na groot rekenaars .
Geen roosterklasse is nodig vir volle breedte-elemente nie.
Volgens die dokumentasie is nes maklik - plaas net 'n ry kolomme binne 'n bestaande kolom. Dit gee jou twee kolomme wat by rekenaars begin en skaal na groot rekenaars , met nog twee (gelyke breedtes) binne die groter kolom.
By mobiele toestelgroottes, tablette en af, sal hierdie kolomme en hul geneste kolomme gestapel word.
Die Bootstrap v4-roosterstelsel het vyf vlakke van klasse: xs (ekstra klein, hierdie klasinvoegsel word nie gebruik nie), sm (klein), md (medium), lg (groot) en xl (ekstra groot). Jy kan byna enige kombinasie van hierdie klasse gebruik om meer dinamiese en buigsame uitlegte te skep.
Elke vlak van klasse skaal op, wat beteken dat as jy van plan is om dieselfde breedtes vir md, lg en xl op te stel, hoef jy net md te spesifiseer.
Bykomende klasse wat in Bootstrap v4.4 bygevoeg is, laat houers toe wat 100% wyd is tot 'n spesifieke breekpunt.