Zothandizira pakupanga
Pachitukuko chofulumira chosavuta kugwiritsa ntchito komanso chomvera, Bootstrap imaphatikizapo makalasi ambiri othandizira kuwonetsa, kubisala, kuyanjanitsa, ndi masitayilo.
Kusinthadisplay
Gwiritsani ntchito zida zathu zowonetsera kuti musinthe momasuka zinthu zofananira zapanyumbayo display
. Sakanizani ndi grid system yathu, zomwe zili, kapena zida kuti muwonetse kapena kuzibisa pamawonekedwe enaake.
Zosankha za Flexbox
Bootstrap imamangidwa ndi flexbox, koma sizinthu zonse zomwe display
zasinthidwa kuti display: flex
izi ziwonjezere zambiri zosafunikira ndikusintha mosayembekezereka machitidwe akuluakulu a msakatuli. Zambiri mwazinthu zathu zimamangidwa ndi flexbox.
Ngati mukufuna kuwonjezera display: flex
chinthu, chitani ndi .d-flex
chimodzi mwazosiyana (mwachitsanzo, .d-sm-flex
). Mufunika kalasi ili kapena display
mtengo kuti mulole kugwiritsa ntchito zida zathu zowonjezera za flexbox pakukulitsa , kuyanjanitsa, mipata, ndi zina.
Margin ndi padding
Gwiritsani ntchito zida margin
ndi padding
masitayilo kuti muwongolere momwe zinthu ndi zigawo zake zimakhalira komanso kukula kwake. Bootstrap imaphatikizapo sikelo ya sikelo isanu ndi umodzi ya zinthu zomwe zingagwiritsidwe ntchito motalikirana, kutengera 1rem
mtengo wosasintha $spacer
. Sankhani makonda a malo onse owonera (mwachitsanzo, .me-3
mu LTR margin-right: 1rem
), kapena sankhani mitundu yosiyanasiyana kuti muwongolere malo enaake (monga - mu LTR - kuyambira pomwe pakudutsa)..me-md-3
margin-right: 1rem
md
Sinthanivisibility
Ngati kusanja display
sikukufunika, mutha kusintha visibility
chinthucho ndi zida zathu zowonekera . Zinthu zosawoneka zidzakhudzabe mawonekedwe a tsamba, koma ndizobisika kwa alendo.