Utilities ji bo layout
Ji bo pêşkeftina bilez-heval a mobîl û bersivdar, Bootstrap bi dehan dersên karûbar ji bo naverok nîşankirin, veşartin, rêzkirin û veqetandinê vedihewîne.
Ji bo veguheztina bi bersivdayinê nirxên hevpar ên milkê karûbarên pêşandana me bikar bînin . display
Wê bi pergala torê, naverok, an hêmanên me re tevlihev bikin da ku wan li ser dîmenderên taybetî nîşan bidin an veşêrin.
Bootstrap 4 bi flexbox ve hatî çêkirin, lê ne her hêmanek nehatiye guheztin display
ji ber display: flex
ku ev ê gelek guheztinên nehewce zêde bike û ji nedîtî ve tevgerên sereke yên gerokê biguhezîne. Piraniya pêkhateyên me bi çalakkirina flexbox têne çêkirin.
Ger hewce be ku display: flex
hûn li hêmanek zêde bikin, wiya bi .d-flex
an yek ji guhertoyên bersivdar re bikin (mînak, .d-sm-flex
). Hûn ê hewceyê vê çîn an display
nirxê bikin da ku hûn destûrê bidin karanîna karûbarên meya flexbox -ê ya zêde ji bo mezinbûn, rêzkirin , dûrbûn û hêj bêtir.
Ji bo kontrolkirina ka çawa hêman û pêkhate ji hev dûr û mezin in, margin
karûbar padding
û veqetandinê bikar bînin. Bootstrap 4 pîvanek pênc-asta ji bo karûbarên cihêbûnê vedihewîne, li ser bingeha guhêrbarek xwerû ya 1rem
nirxê $spacer
. Ji bo hemî dîmenderan nirxan hilbijêrin (mînak, .mr-3
ji bo margin-right: 1rem
), an jî guhertoyên bersivdar hilbijêrin da ku dîmenderên taybetî bikin armanc (mînak, .mr-md-3
ji bo margin-right: 1rem
destpêkirina li xala md
veqetînê).
Dema ku veguheztin display
ne hewce be, hûn dikarin bi karûbarên me yên dîtinêvisibility
re hêmanek biguhezînin . Hêmanên nedîtbar hîn jî dê bandorê li sêwirana rûpelê bikin, lê bi dîtbarî ji mêvanan têne veşartin.