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 display
guriga. Ku qas nidaamkayaga shabagga ah, waxa ku jira, ama qaybaha si aad u muujiso ama ugu qariso meelaha daawashada gaarka ah.
Fursadaha Flexbox
Bootstrap waxaa lagu dhisay flexbox, laakiin shay kasta display
looma beddelin display: flex
sababtoo ah 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: flex
shay, ku samee .d-flex
ama mid ka mid ah noocyada jawaabaha leh (tusaale, .d-sm-flex
). Waxaad u baahan doontaa fasalkan ama display
qiimahan si aad u oggolaato isticmaalka qalabkayaga flexbox ee dheeraadka ah ee cabbirka, toosinta, kala dheeraynta, iyo wax ka badan.
Margin iyo suufka
Isticmaal margin
iyo padding
kala dheeraynta yutiilitida si aad u xakamayso sida curiyayaasha iyo qaybaha ay u kala fog yihiin oo ay u cabbirayaan. Bootstrap waxa ku jira miisaan lix-heer ah oo loogu talagalay kala dheeraynta yutiilitida, oo ku salaysan doorsoomiyaha 1rem
caadiga ah ee qiimaha $spacer
. Dooro qiyamka dhammaan goobaha daawashada (tusaale ahaan, .me-3
LTR margin-right: 1rem
), ama dooro kala duwanaansho jawaab celin ah si aad u beegsato goobo gaar ah (tusaale, .me-md-3
loogu talagalay margin-right: 1rem
— gudaha LTR — oo ka bilaabmaya barta goynta md
).
Bedelivisibility
Marka leexashada display
aan loo baahnayn, waxaad ku rogi kartaa curiyaha visibility
adigoo isticmaalaya yutiilitida muuqaalkeena . Waxyaabaha aan la arki karin ayaa wali saameyn doona qaabka bogga, laakiin muuqaal ahaan waa ka qarsoon yihiin booqdayaasha.