Utilities na ɖoɖowɔwɔ
Be asitelefon-xɔlɔ̃wɔwɔ kple dɔwɔwɔ ƒe ŋgɔyiyi kabakaba wu la, Bootstrap de dɔwɔnu ƒe klass gbogbo aɖewo me hena nyatakakawo ɖeɖefia, wo ɣla, wo ɖoɖo ɖe ɖoɖo nu, kple wo dome didi.
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.
Wotu Bootstrap 4 kple flexbox, gake menye nu ɖesiaɖe ƒe akpa aɖekee display
wotrɔ ɖe display: flex
eŋu o elabena esia atsɔ tsɔtsɔke geɖe siwo mehiã o akpe ɖe eŋu eye wòatrɔ key browser 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-flex
alo esiwo ɖoa nya ŋu ƒe tɔtrɔwo dometɔ ɖeka (le kpɔɖeŋu me, .d-sm-flex
). Àhiã klass alo display
asixɔxɔ sia be nàɖe mɔ na míaƒe flexbox dɔwɔnu bubuwo zazã hena lolome, ɖoɖowɔwɔ, dometsotso, kple bubuwo.
Zã margin
kple 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 1rem
asixɔxɔ ƒe $spacer
tɔtrɔ si woɖo ɖi dzi. Tia asixɔxɔwo na nukpɔkpɔwo katã (le kpɔɖeŋu me, .mr-3
na 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-3
na margin-right: 1rem
gɔmedzedze le md
ɖiɖiɖemeƒe).
Ne toggling display
mehiã o la, àteŋu atrɔ asi le visibility
of 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.