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 display
property. 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 display
na wɔasesa no display: flex
sɛ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: flex
element bi ho a, yɛ saa denam .d-flex
anaasɛ mmuae ahorow no mu biako (sɛ nhwɛso no, .d-sm-flex
). Wobɛhia saa adesua anaa display
botaeɛ 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 margin
ne 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 1rem
value default $spacer
variable so ka ho. Paw values ma viewports nyinaa (sɛ nhwɛso no, .me-3
ma margin-right: 1rem
wɔ LTR mu), anaa paw mmuae variants de w’ani si viewports pɔtee so (sɛ nhwɛso no, .me-md-3
ma margin-right: 1rem
—wɔ LTR— a efi ase wɔ md
breakpoint).
Toggle a ɛwɔ hɔvisibility
Sɛ toggling display
ho 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.