Bazaj kradaj aranĝoj por familiarigi vin kun konstruado ene de la Bootstrap kradsistemo.
En ĉi tiuj ekzemploj la .themed-grid-colklaso estas aldonita al la kolumnoj por aldoni iom da temo. Ĉi tio ne estas klaso disponebla en Bootstrap defaŭlte.
Estas kvin niveloj al la Bootstrap kradsistemo, unu por ĉiu gamo da aparatoj, kiujn ni subtenas. Ĉiu nivelo komenciĝas je minimuma vidfenestrograndeco kaj aŭtomate validas por la pli grandaj aparatoj krom se anstataŭigata.
Akiru tri egallarĝajn kolumnojn komencante ĉe labortabloj kaj skaliĝante al grandaj labortabloj . Sur porteblaj aparatoj, tablojdoj kaj sube, la kolumnoj aŭtomate stablos.
Akiru tri kolumnojn komencante ĉe labortabloj kaj grimpante al grandaj labortabloj de diversaj larĝoj. Memoru, kradaj kolumnoj devus aldoni ĝis dek du por ununura horizontala bloko. Pli ol tio, kaj kolumnoj komencas stakiĝi, negrave la vidfenestro.
Akiru du kolumnojn komencante ĉe labortabloj kaj grimpante al grandaj labortabloj .
Neniuj kradaj klasoj estas necesaj por plenlarĝaj elementoj.
Laŭ la dokumentado, nestado estas facila—nur metu vicon da kolumnoj ene de ekzistanta kolumno. Ĉi tio donas al vi du kolumnojn komenciĝantajn ĉe labortabloj kaj grimpantaj al grandaj labortabloj , kun pliaj du (egalaj larĝoj) ene de la pli granda kolumno.
Je poŝtelefonaj grandecoj, tablojdoj kaj malsupren, ĉi tiuj kolumnoj kaj iliaj nestitaj kolumnoj stablos.
La kradsistemo Bootstrap v4 havas kvin klasojn: xs (ekstre malgranda), sm (malgranda), md (meza), lg (granda), kaj xl (ekstra granda). Vi povas uzi preskaŭ ajnan kombinaĵon de ĉi tiuj klasoj por krei pli dinamikajn kaj flekseblajn aranĝojn.
Ĉiu nivelo de klasoj pligrandiĝas, tio signifas, ke se vi planas agordi la samajn larĝojn por xs kaj sm, vi nur bezonas specifi xs.