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 jakamiseen.
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ä displayei ole muutettu, display: flexkoska 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: flexelementtiin, tee se käyttämällä .d-flextai jollakin reagoivista muunnelmista (esim. .d-sm-flex). Tarvitset tätä luokkaa tai displayarvoa, jotta voit käyttää ylimääräisiä flexbox-apuohjelmiamme koon, tasauksen, välin ja muiden määrittämiseen.
Käytä marginja padding spacing-apuohjelmia hallitaksesi elementtien ja komponenttien väliä ja kokoa. Bootstrap 4 sisältää viiden tason asteikon välitysapuohjelmille, joka perustuu 1remarvon oletusmuuttujaan $spacer. Valitse arvot kaikille näkymäporteille (esim. .mr-3kohteelle margin-right: 1rem) tai valitse reagoivat muunnelmat kohdistaaksesi tiettyihin näkymäportteihin (esim. keskeytyskohdasta aloittamista varten .mr-md-3) .margin-right: 1remmd
Kun vaihtamista displayei tarvita, voit vaihtaa visibilityelementin näkyvyysapuohjelmillamme . Näkymättömät elementit vaikuttavat edelleen sivun asetteluun, mutta ne ovat visuaalisesti piilossa vierailijoilta.