Apuohjelmat asettelua varten
Mobiiliystävällistä ja nopeampaa kehitystä varten Bootstrap sisältää kymmeniä hyödyllisyysluokkia sisällön näyttämiseen, piilottamiseen, tasaamiseen ja väliin sijoittamiseen.
Käytä näyttöapuohjelmiamme kiinteistön yleisten arvojen responsiiviseen vaihtamiseen display
. Yhdistä se ruudukkojärjestelmäämme, sisältöömme tai komponentteihimme näyttääksesi tai piilottaaksesi ne tietyissä näkymäporteissa.
Bootstrap 4 on rakennettu flexboxilla, mutta jokaista elementtiä display
ei ole muutettu, display: flex
koska tämä lisäisi monia tarpeettomia ohituksia ja muuttaisi yllättäen selaimen keskeisiä toimintoja. Suurin osa komponenteistamme on rakennettu flexbox-toiminnolla.
Jos sinun on lisättävä display: flex
elementtiin, tee se käyttämällä .d-flex
tai jollakin reagoivista muunnelmista (esim. .d-sm-flex
). Tarvitset tätä luokkaa tai display
arvoa, jotta voit käyttää ylimääräisiä flexbox-apuohjelmiamme koon, tasauksen, välin ja muiden määrittämiseen.
Käytä margin
ja padding
spacing-apuohjelmia hallitaksesi elementtien ja komponenttien väliä ja kokoa. Bootstrap 4 sisältää viiden tason asteikon välitysapuohjelmille, joka perustuu 1rem
arvon oletusmuuttujaan $spacer
. Valitse arvot kaikille näkymäporteille (esim. .mr-3
kohteelle margin-right: 1rem
) tai valitse reagoivat muunnelmat kohdistaaksesi tiettyihin näkymäportteihin (esim. keskeytyskohdasta aloittamista varten .mr-md-3
) .margin-right: 1rem
md
Kun vaihtamista display
ei tarvita, voit vaihtaa visibility
elementin näkyvyysapuohjelmillamme . Näkymättömät elementit vaikuttavat edelleen sivun asetteluun, mutta ne ovat visuaalisesti piilossa vierailijoilta.