Siirry pääsisältöön Siirry dokumenttien navigointiin
Check
in English

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 on rakennettu flexboxilla, mutta jokaista elementtiä displayei ole muutettu, display: flexkoska tämä lisäisi monia tarpeettomia ohituksia ja muuttaisi odottamatta 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 sisältää kuuden tason asteikon välitysapuohjelmille, joka perustuu 1remarvon oletusmuuttujaan $spacer. Valitse arvot kaikille katseluporteille (esim . LTR:lle) tai valitse reagoivat muunnelmat kohdistaaksesi tiettyihin näkymäportteihin (esim .me-3. —LTR: lle— alkaen keskeytyskohdasta).margin-right: 1rem.me-md-3margin-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.