Põhilised ruudustiku paigutused, mis aitavad teil tutvuda Bootstrapi ruudustikusüsteemis ehitamisega.
Nendes näidetes lisatakse .themed-grid-colklass veergudele, et lisada teemasse. See ei ole klass, mis on vaikimisi Bootstrapis saadaval.
Bootstrapi ruudustikusüsteemil on viis astet, üks iga toetatava seadme jaoks. Iga tasand algab minimaalse vaateava suurusega ja rakendub automaatselt suurematele seadmetele, kui seda ei tühistata.
Hankige kolm võrdse laiusega veergu , alustades lauaarvutitest ja skaleerides suurte töölaudadeni . Mobiilseadmetes, tahvelarvutites ja allpool virnatakse veerud automaatselt.
Hankige kolm veergu , mis algavad lauaarvutitest ja skaleeritakse erinevate laiustega suurtele töölaudadele. Pidage meeles, et ühe horisontaalse ploki puhul peaks ruudustiku veerge olema kuni kaksteist. Veelgi enam, veerge hakatakse virnastama olenemata vaateavast.
Hankige kaks veergu , alustades lauaarvutitest ja skaleerides suurtele töölaudadele .
Täislaiusega elementide jaoks pole ruudustiku klasse vaja.
Dokumentatsiooni kohaselt on pesastamine lihtne – lihtsalt pange olemasolevasse veergu veergude rida. See annab teile kaks veergu , mis algavad töölaudadest ja skaleeritakse suurteks töölaudadeks , kusjuures veel kaks (võrdse laiusega) suuremas veerus.
Mobiilseadmete, tahvelarvutite ja väiksemate seadmete puhul virnatakse need veerud ja nende pesastatud veerud.
Bootstrap v4 ruudustikusüsteemil on viis klasside taset: xs (eriti väike, seda klassi infixit ei kasutata), sm (väike), md (keskmine), lg (suur) ja xl (eriti suur). Dünaamilisemate ja paindlikumate paigutuste loomiseks saate kasutada peaaegu kõiki nende klasside kombinatsioone.
Iga klasside tasand suureneb, mis tähendab, et kui kavatsete määrata md, lg ja xl jaoks samad laiused, peate määrama ainult md.
Bootstrap v4.4-sse lisatud täiendavad klassid võimaldavad konteinereid, mis on kuni konkreetse katkestuspunktini 100% laiad.