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.

Vaihtaadisplay

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.

Flexbox-vaihtoehdot

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.

Marginaali ja täyte

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

Vaihdavisibility

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.