Hla mus rau cov ntsiab lus tseem ceeb Hla mus rau docs navigation
Check
in English

Utilities rau layout

Txhawm rau kom nrawm nrawm nrawm thiab ua haujlwm zoo, Bootstrap suav nrog ntau ntau chav kawm siv hluav taws xob rau kev qhia, zais, sib dhos, thiab sib nrug cov ntsiab lus.

Ntawm nplooj ntawv no

Hloovdisplay

Siv peb cov khoom siv tso saib rau kev teb toggling qhov tseem ceeb ntawm cov displaycuab yeej. Muab nws nrog peb cov kab sib chaws, cov ntsiab lus, lossis cov khoom siv los qhia lossis zais lawv hla cov chaw saib tshwj xeeb.

Flexbox xaiv

Bootstrap tau tsim nrog flexbox, tab sis tsis yog txhua lub ntsiab lus displaytau hloov pauv display: flexvim qhov no yuav ntxiv ntau yam tsis tsim nyog overrides thiab poob nthav hloov pauv tus cwj pwm tseem ceeb ntawm qhov browser. Feem ntau ntawm peb cov khoom yog tsim nrog flexbox enabled.

Yog tias koj xav tau ntxiv display: flexrau ib lub caij, ua li ntawd nrog .d-flexlossis ib qho ntawm cov kev hloov pauv (xws li, .d-sm-flex). Koj yuav xav tau cov chav kawm no lossis displaytus nqi kom tso cai rau kev siv peb cov khoom siv flexbox ntxiv rau qhov loj me, sib dhos, sib nrug, thiab lwm yam.

Margin thiab padding

Siv cov khoom siv hluav margintaws padding xob sib txawv los tswj cov khoom thiab cov khoom sib txawv li cas thiab qhov loj me. Bootstrap suav nrog rau 6-theem nplai rau qhov chaw siv hluav taws xob, raws li tus 1remnqi $spacerhloov pauv hloov pauv. Xaiv qhov tseem ceeb rau txhua qhov chaw saib (piv txwv li, .me-3rau margin-right: 1remhauv LTR), lossis xaiv cov kev hloov pauv hloov mus rau lub hom phiaj tshwj xeeb saib (piv txwv li, .me-md-3rau margin-right: 1rem- hauv LTR - pib ntawm qhov mdtawg).

Togglevisibility

Thaum toggling displaytsis xav tau, koj tuaj yeem toggle lub visibilityntsiab lus nrog peb cov khoom siv pom kev pom . Cov ntsiab lus pom tsis pom yuav tseem cuam tshuam rau qhov layout ntawm nplooj ntawv, tab sis pom pom zais los ntawm cov neeg tuaj saib.