Utilaĵoj por aranĝo
Por pli rapida poŝtelefona amika kaj respondema disvolviĝo, Bootstrap inkluzivas dekojn da utilaj klasoj por montri, kaŝi, vicigi kaj interspacigi enhavon.
Ŝanĝantedisplay
Uzu niajn montrajn ilojn por respondeme ŝanĝi komunajn valorojn de la displayposedaĵo. Miksu ĝin kun nia kradsistemo, enhavo aŭ komponantoj por montri aŭ kaŝi ilin tra specifaj vidfenestroj.
Flexbox-opcioj
Bootstrap estas konstruita kun flexbox, sed ne ĉiuj elementoj displayestis ŝanĝitaj al display: flexĉar tio aldonus multajn nenecesajn anstataŭigojn kaj neatendite ŝanĝus ŝlosilajn retumilkondutojn. Plej multaj el niaj komponantoj estas konstruitaj kun flexbox ebligita.
Se vi bezonas aldoni display: flexal elemento, faru tion per .d-flexaŭ unu el la respondemaj variantoj (ekz, .d-sm-flex). Vi bezonos ĉi tiun klason aŭ displayvaloron por permesi la uzon de niaj ekstraj flekskesto-utiloj por grandeco, vicigo, interspaco kaj pli.
Rando kaj kompletigo
Uzu la marginkaj padding interspacigajn utilecojn por kontroli kiel elementoj kaj komponantoj estas interspacigitaj kaj grandigitaj. Bootstrap inkluzivas ses-nivelan skalon por interspacigaj utilecoj, bazita sur 1remvalora defaŭlta $spacervariablo. Elektu valorojn por ĉiuj vidfenestroj (ekz. .me-3por margin-right: 1remen LTR), aŭ elektu respondemajn variantojn por celi specifajn vidfenestrojn (ekz. .me-md-3por margin-right: 1rem—en LTR— komencante ĉe la rompopunkto md).
Baskuligivisibility
Kiam ŝanĝado displayne estas bezonata, vi povas ŝalti la visibilityde elemento per niaj videblecaj utilecoj . Nevideblaj elementoj ankoraŭ influos la aranĝon de la paĝo, sed estas videble kaŝitaj de vizitantoj.