Kommunaalteenused paigutuse jaoks
Kiiremaks mobiilisõbralikuks ja tundlikuks arendamiseks sisaldab Bootstrap kümneid utiliidiklasse sisu kuvamiseks, peitmiseks, joondamiseks ja vahede paigutamiseks.
Muutuvdisplay
Kasutage meie kuvamise utiliite atribuudi tavapäraste väärtuste tundlikuks vahetamiseks display
. Segage see meie ruudustikusüsteemi, sisu või komponentidega, et neid konkreetsetes vaateavades kuvada või peita.
Flexboxi valikud
Bootstrap on üles ehitatud flexboxiga, kuid mitte kõiki elemente pole display
muudetud, display: flex
kuna see lisaks palju tarbetuid ülekirjutusi ja muudaks ootamatult peamisi brauseri käitumisi. Enamik meie komponente on ehitatud nii, et flexbox on lubatud.
Kui peate display: flex
elemendile lisama, tehke seda ühe .d-flex
või ühe reageeriva variandiga (nt .d-sm-flex
). Teil on vaja seda klassi või display
väärtust, et lubada kasutada meie täiendavaid flexboxi utiliite suuruse, joondamise, vahede ja muu jaoks.
Veeris ja polster
Kasutage utiliitemargin
ja vahekauguse , et juhtida elementide ja komponentide vahekaugust ja suurust. Bootstrap sisaldab kuuetasemelist utiliitide vahekauguste skaalat, mis põhineb väärtuse vaikemuutujal. Valige väärtused kõikidele vaateavadele (nt LTR- i jaoks ) või valige reageerivad variandid konkreetsete vaateavade sihtimiseks (nt —LTR -i jaoks, alustades katkestuspunktist).padding
1rem
$spacer
.me-3
margin-right: 1rem
.me-md-3
margin-right: 1rem
md
Lülita sissevisibility
Kui ümberlülitamist display
pole vaja, saate visibility
elemendi ümber lülitada meie nähtavuse utiliitidega . Nähtamatud elemendid mõjutavad endiselt lehe paigutust, kuid on külastajate eest visuaalselt peidetud.