Source

Utilities na ɖoɖowɔwɔ

Be asitelefon-xɔlɔ̃wɔwɔ kple dɔwɔwɔ ƒe ŋgɔyiyi kabakaba wu la, Bootstrap tsɔ dɔwɔnu ƒe klass gbogbo aɖewo de eme hena nyatakakawo ɖeɖefia, wo ɣla, wo ɖoɖo ɖe ɖoɖo nu, kple wo dome didi.

Tɔtrɔdisplay

Zã míaƒe ɖeɖefia dɔwɔnuwo hena nunɔamesi ƒe asixɔxɔ siwo bɔ ƒe tɔtrɔ le ŋuɖoɖo me display. Tsɔe tsaka kple míaƒe grid system, emenyawo, alo akpa aɖewo be nàɖe wo afia alo aɣla wo ɖe nukpɔkpɔ tɔxɛ aɖewo dzi.

Flexbox ƒe tiatiawɔblɔɖewo

Wotu Bootstrap 4 kple flexbox, gake menye nu ɖesiaɖe ƒe akpa aɖekee displaywotrɔ ɖe display: flexeŋu o elabena esia atsɔ nu geɖe siwo mehiã o akpe ɖe eŋu eye wòatrɔ nu vevi siwo le web-browser ƒe nuwɔnawo le vome. Wotu míaƒe akpa gãtɔ kple flexbox si le dɔ wɔm.

Ne ehiã be nàtsɔ akpe display: flexɖe element aɖe ŋu la, wɔe kple .d-flexalo esiwo ɖoa nya ŋu ƒe tɔtrɔwo dometɔ ɖeka (le kpɔɖeŋu me, .d-sm-flex). Àhiã klass alo displayasixɔxɔ sia be nàɖe mɔ na míaƒe flexbox dɔwɔnu bubuwo zazã hena lolome, ɖoɖowɔwɔ, dometsotso, kple bubuwo.

Margin kple padding

marginkple padding dometsotso ƒe dɔwɔnuwo nàtsɔ akpɔ alesi woɖea dometsotsowo kple woƒe lolome ɖe nuawo kple akpawo dome dzi. Bootstrap 4 la de dzidzenu atɔ̃ ƒe dzidzenu na dometsotso ƒe dɔwɔnuwo, si wotu ɖe 1remasixɔxɔ ƒe $spacertɔtrɔ si woɖo ɖi dzi. Tia asixɔxɔwo na nukpɔkpɔwo katã (le kpɔɖeŋu me, .mr-3na margin-right: 1rem), alo tia tɔtrɔ siwo ɖoa nya ŋu be nàɖo taɖodzinu na nukpɔkpɔ tɔxɛwo (le kpɔɖeŋu me, .mr-md-3na margin-right: 1remgɔmedzedze le mdɖiɖiɖemeƒe).

Trɔ asi le eŋuvisibility

Ne toggling displaymehiã o la, àteŋu atrɔ asi le visibilityof an element kple míaƒe visibility utilities . Nusiwo womekpɔna o akpɔ ŋusẽ ɖe axaa ƒe ɖoɖo dzi kokoko, gake woɣla wo ɖe amedzrowo le nukpɔkpɔ me.