Source

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.

Guhertindisplay

Ji bo veguheztina bi bersivdayinê nirxên hevpar ên milkê karûbarên pêşandana me bikar bînin . displayWê 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.

Vebijarkên Flexbox

Bootstrap 4 bi flexbox ve hatî çêkirin, lê ne her hêmanek nehatiye guheztin displayji ber display: flexku 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: flexhûn li hêmanek zêde bikin, wiya bi .d-flexan yek ji guhertoyên bersivdar re bikin (mînak, .d-sm-flex). Hûn ê hewceyê vê çîn an displaynirxê 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.

Margin û padding

Ji bo kontrolkirina ka çawa hêman û pêkhate ji hev dûr û mezin in, marginkarû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 1remnirxê $spacer. Ji bo hemî dîmenderan nirxan hilbijêrin (mînak, .mr-3ji bo margin-right: 1rem), an jî guhertoyên bersivdar hilbijêrin da ku dîmenderên taybetî bikin armanc (mînak, .mr-md-3ji bo margin-right: 1remdestpêkirina li xala mdveqetînê).

Togglevisibility

Dema ku veguheztin displayne 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.