Utilities for design

Horumarka saaxiibtinimo ee moobilka dhaqsaha badan iyo jawaab celinta, Bootstrap waxaa ku jira daraasiin fasalo utility ah oo muujinaya, qarinta, isku toosinta, iyo kala dheereynta nuxurka.

Beddelkadisplay

U isticmaal qalabkayada bandhiga si aad uga jawaabto u roga qiyamka guud ee displayguriga. Ku qas nidaamkayaga shabagga ah, waxa ku jira, ama qaybaha si aad u muujiso ama ugu qariso meelaha daawashada gaarka ah.

Fursadaha Flexbox

Bootstrap 4 waxaa lagu dhisay flexbox, laakiin shay kasta displaylooma bedelin display: flexmaxaa yeelay tani waxay ku dari doontaa xad gudubyo badan oo aan loo baahnayn oo si lama filaan ah u bedesho dabeecadaha browserka muhiimka ah. Inta badan qaybahayada waxa lagu dhisay flexbox karti leh.

Haddii aad u baahan tahay inaad ku darto display: flexshay, ku samee .d-flexama mid ka mid ah noocyada jawaabaha leh (tusaale, .d-sm-flex). Waxaad u baahan doontaa fasalkan ama displayqiimahan si aad u oggolaato isticmaalka qalabkayaga flexbox ee dheeraadka ah ee cabbirka, toosinta, kala dheeraynta, iyo wax ka badan.

Margin iyo suufka

Isticmaal marginiyo padding kala dheeraynta yutiilitida si aad u xakamayso sida curiyayaasha iyo qaybaha ay u kala fog yihiin oo ay u cabbirayaan. Bootstrap 4 waxa ku jira miisaan shan heer ah oo loogu talagalay kala dheeraynta yutiilitiyada, oo ku salaysan doorsoomiyaha 1remcaadiga ah ee qiimaha $spacer. Dooro qiyamka dhammaan goobaha daawashada (tusaale, .mr-3loogu talagalay margin-right: 1rem), ama dooro kala duwanaansho jawaab celin ah si aad u beegsato muuqaallo gaar ah (tusaale, .mr-md-3ka margin-right: 1rembilawda goobta mdnasashada).

Bedelivisibility

Marka leexashada displayaan loo baahnayn, waxaad ku rogi kartaa curiyaha visibilityadigoo isticmaalaya yutiilitida muuqaalkeena . Waxyaabaha aan la arki karin ayaa wali saameyn doona qaabka bogga, laakiin muuqaal ahaan waa ka qarsoon yihiin booqdayaasha.