Source

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 4 imamangidwa ndi flexbox, koma sizinthu zonse zomwe displayzasinthidwa kuti display: flexizi ziwonjezere zambiri zosafunikira ndikusintha mosayembekezereka machitidwe akuluakulu a msakatuli. Zambiri mwazinthu zathu zimamangidwa ndi flexbox.

Ngati mukufuna kuwonjezera display: flexchinthucho, chitani ndi .d-flexchimodzi mwazosinthazo (mwachitsanzo, .d-sm-flex). Mufunika kalasi ili kapena displaymtengo kuti mulole kugwiritsa ntchito zida zathu zowonjezera za flexbox pakukulitsa , kuyanjanitsa, mipata, ndi zina.

Margin ndi padding

Gwiritsani ntchito zida marginndi padding masitayilo kuti muwongolere momwe zinthu ndi zigawo zake zimakhalira komanso kukula kwake. Bootstrap 4 imaphatikizapo sikelo ya magawo asanu azinthu zothandizira, kutengera 1remmtengo wosasintha $spacer. Sankhani makonda a malo onse owonera (mwachitsanzo, .mr-3a margin-right: 1rem), kapena sankhani mitundu yosiyanasiyana kuti muwongolere malo enaake (mwachitsanzo, .mr-md-3poyambira margin-right: 1rempoyambira md).

Sinthanivisibility

Ngati kusanja displaysikukufunika, mutha kusintha visibilitychinthucho ndi zida zathu zowonekera . Zinthu zosawoneka zidzakhudzabe mawonekedwe a tsamba, koma ndizobisika kwa alendo.