Saltu al ĉefa enhavo Saltu al navigado de dokumentoj
Check
in English

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 estas konstruita kun flexbox, sed ne ĉiuj elementoj displayestis ŝanĝitaj 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 inkluzivas ses-nivelan skalon por interspacigaj utilecoj, bazita sur 1remvalora defaŭlta $spacervariablo. Elektu valorojn por ĉiuj vidpunktoj (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.