Source

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.