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.
Nsakraedisplay
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.
Flexbox a wobetumi apaw
Bootstrap no wɔde flexbox na esii, nanso ɛnyɛ element biara displayna wɔasesa no display: flexsɛnea eyi bɛka overrides pii a ɛho nhia ho na wɔasesa key browser suban ahorow a wɔnhwɛ kwan. 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.
Margin ne padding a wɔde hyɛ mu
Fa marginne padding spacing utilities no di dwuma fa hwɛ sɛnea wɔde elements ne components no hyɛ space ne size mu. Bootstrap no de nsenia a ɛwɔ ɔfa asia ma spacing utilities, a egyina 1remvalue default $spacervariable so ka ho. Paw values ma viewports nyinaa (sɛ nhwɛso no, .me-3ma margin-right: 1remwɔ LTR mu), anaa paw mmuae variants de w’ani si viewports pɔtee so (sɛ nhwɛso no, .me-md-3ma margin-right: 1rem—wɔ LTR— a efi ase wɔ mdbreakpoint).
Toggle a ɛwɔ hɔvisibility
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.