Source

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 4 on üles ehitatud flexboxiga, kuid mitte kõiki elemente pole displaymuudetud, display: flexkuna see lisaks palju tarbetuid ülekirjutusi ja muudaks ootamatult brauseri põhikäitumist. Enamik meie komponente on ehitatud nii, et flexbox on lubatud.

Kui peate display: flexelemendile lisama, tehke seda ühe .d-flexvõi mõne reageeriva variandiga (nt .d-sm-flex). Teil on vaja seda klassi või displayvää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 4 sisaldab viietasemelist utiliitide vahekauguste skaalat, mis põhineb väärtuse vaikemuutujal. Valige väärtused kõikidele vaateavadele (nt jaoks ) või valige reageerivad variandid konkreetsete vaateavade sihtimiseks (nt katkestuspunktist alustamiseks ).padding 1rem$spacer.mr-3margin-right: 1rem.mr-md-3margin-right: 1remmd

Lülitavisibility

Kui ümberlülitamist displaypole vaja, saate visibilityelemendi ümber lülitada meie nähtavuse utiliitidega . Nähtamatud elemendid mõjutavad endiselt lehe paigutust, kuid on külastajate eest visuaalselt peidetud.