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 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.

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 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).

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.