Zothandizira pakupanga
Pachitukuko chofulumira chosavuta kugwiritsa ntchito komanso cholabadira, Bootstrap imaphatikizapo makalasi ambiri othandiza kuti awonetse, kubisala, kugwirizanitsa, ndi mipata.
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 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
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 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
).
Sinthanivisibility
Ngati kusanja display
sikukufunika, mutha kusintha visibility
chinthucho ndi zida zathu zowonekera . Zinthu zosaoneka zidzakhudzabe masanjidwe a tsamba, koma zobisika kwa alendo.