Pagrindiniai tinklelio išdėstymai, kad susipažintumėte su kūrimu Bootstrap tinklelio sistemoje.
Šiuose pavyzdžiuose .themed-grid-colklasė pridedama prie stulpelių, kad būtų pridėta tema. Tai nėra klasė, kuri pagal numatytuosius nustatymus pasiekiama „Bootstrap“.
Yra penkios „Bootstrap“ tinklelio sistemos pakopos, po vieną kiekvienam mūsų palaikomam įrenginių diapazonui. Kiekviena pakopa prasideda nuo minimalaus peržiūros srities dydžio ir automatiškai taikoma didesniems įrenginiams, nebent būtų nepaisoma.
Gaukite tris vienodo pločio stulpelius , pradedant nuo stalinių kompiuterių ir keičiant iki didelių stalinių kompiuterių . Mobiliuosiuose įrenginiuose, planšetiniuose kompiuteriuose ir žemiau stulpeliai bus automatiškai sukrauti.
Gaukite tris stulpelius , pradedant nuo stalinių kompiuterių ir keičiant didelius įvairaus pločio stalinius kompiuterius. Atminkite, kad viename horizontaliame bloke tinklelio stulpeliai turėtų sudaryti iki dvylikos. Negana to, stulpeliai pradedami kaupti nepriklausomai nuo peržiūros srities.
Gaukite du stulpelius , pradedant nuo stalinių kompiuterių ir pereinant prie didelių stalinių kompiuterių .
Viso pločio elementams tinklelio klasių nereikia.
Remiantis dokumentacija, įdėti įdėklus paprasta – tiesiog įdėkite stulpelių eilutę esamame stulpelyje. Tai suteikia du stulpelius , pradedant nuo stalinių kompiuterių ir keičiant iki didelių stalinių kompiuterių , o dar du (vienodo pločio) didesniame stulpelyje.
Naudojant mobiliųjų įrenginių dydžius, planšetinius kompiuterius ir mažesnius, šie stulpeliai ir jų įdėtieji stulpeliai bus sukrauti.
„Bootstrap v4“ tinklelio sistemoje yra penkios klasės: xs (ypač mažas), sm (mažas), md (vidutinis), lg (didelis) ir xl (ypač didelis). Galite naudoti beveik bet kurį šių klasių derinį, kad sukurtumėte dinamiškesnius ir lankstesnius maketus.
Kiekviena klasių pakopa didėja, o tai reiškia, kad jei planuojate nustatyti vienodus xs ir sm pločius, tereikia nurodyti xs.