Nneɛma a wɔde di dwuma ma nhyehyɛe
Sɛnea ɛbɛyɛ a mobile-adamfofa ne mmuae nkɔso ntɛmntɛm no, Bootstrap de mfaso adesua ahorow du du pii ka ho a wɔde kyerɛ, de sie, de hyɛ mu, na wɔde hyɛ ntam.
Fa yɛn display utilities di dwuma ma mmuae toggling common values of the displayproperty. Fa fra yɛn grid nhyehyɛe, emu nsɛm, anaa nneɛma a ɛwom no mu de kyerɛ anaa fa sie wɔ viewports pɔtee bi so.
Bootstrap 4 no wɔasi ne flexbox, nanso ɛnyɛ element's displaybiara na wɔasesa no display: flexsɛnea eyi bɛka overrides pii a ɛho nhia na asesa mpofirim key browser suban. Yɛn components dodow no ara yɛ nea wɔasisi no flexbox a wɔahyɛ no den.
Sɛ ɛsɛ sɛ wode ka display: flexelement bi ho a, yɛ saa denam .d-flexanaasɛ mmuae ahorow no mu biako (sɛ nhwɛso no, .d-sm-flex). Wobɛhia saa adesua anaa displaybotaeɛ yi na ama woatumi de yɛn flexbox utilities a ɛboro soɔ no adi dwuma ama sizing, alignment, spacing, ne nea ɛkeka ho.
Fa marginne padding spacing utilities no di dwuma fa hwɛ sɛnea wɔde elements ne components no hyɛ space ne size mu. Bootstrap 4 no de nsenia a ɛwɔ gyinabea anum a ɛfa ntamgyinafo utilities ho, a egyina 1remvalue default $spacervariable so. Paw values ma viewports nyinaa (sɛ nhwɛso no, .mr-3ma margin-right: 1rem), anaa paw mmuae variants de w'ani si viewports pɔtee so (sɛ nhwɛso no, .mr-md-3ma margin-right: 1remfi ase wɔ mdbreakpoint).
Sɛ toggling displayho nhia a, wubetumi de yɛn visibility utilitiesvisibility no ayɛ toggle the of an element . Nneɛma a aniwa nhu no bɛda so ara aka sɛnea wɔahyehyɛ kratafa no, nanso wɔde aniwa hu asie ma nsrahwɛfo.