Zothandizira pakupanga
Pachitukuko chofulumira chosavuta kugwiritsa ntchito komanso chomvera, Bootstrap imaphatikizapo makalasi ambiri othandizira kuwonetsa, kubisala, kuyanjanitsa, ndi masitayilo.
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.
Bootstrap 4 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
chinthucho, chitani ndi .d-flex
chimodzi mwazosinthazo (mwachitsanzo, .d-sm-flex
). Mufunika kalasi ili kapena display
mtengo kuti mulole kugwiritsa ntchito zida zathu zowonjezera za flexbox pakukulitsa , kuyanjanitsa, mipata, ndi zina.
Gwiritsani ntchito zida margin
ndi padding
masitayilo kuti muwongolere momwe zinthu ndi zigawo zake zimakhalira komanso kukula kwake. Bootstrap 4 imaphatikizapo sikelo ya magawo asanu azinthu zothandizira, kutengera 1rem
mtengo wosasintha $spacer
. Sankhani makonda a malo onse owonera (mwachitsanzo, .mr-3
a margin-right: 1rem
), kapena sankhani mitundu yosiyanasiyana kuti muwongolere malo enaake (mwachitsanzo, .mr-md-3
poyambira margin-right: 1rem
poyambira md
).
Ngati kusanja display
sikukufunika, mutha kusintha visibility
chinthucho ndi zida zathu zowonekera . Zinthu zosawoneka zidzakhudzabe mawonekedwe a tsamba, koma ndizobisika kwa alendo.