Utilaĵoj por aranĝo

Por pli rapida poŝtelefona kaj respondema disvolviĝo, Bootstrap inkluzivas dekduojn 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 4 estas konstruita kun flexbox, sed ne ĉiu elemento displayestis ŝanĝita al display: flexĉar tio aldonus multajn nenecesajn anstataŭojn 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 4 inkluzivas kvin-nivelan skalon por interspacigaj utilecoj, bazita sur 1remvalor-defaŭlta $spacervariablo. Elektu valorojn por ĉiuj vidfenestroj (ekz. .mr-3por margin-right: 1rem), aŭ elektu respondemajn variantojn por celi specifajn vidpunktojn (ekz. .mr-md-3por margin-right: 1remkomenci ĉe la mdrompopunkto).

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.