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.
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ä display
ei ole muutettu, display: flex
koska 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: 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.
Marginaali ja täyte
Käytä margin
ja padding
spacing-apuohjelmia hallitaksesi elementtien ja komponenttien väliä ja kokoa. Bootstrap sisältää kuuden tason asteikon välitysapuohjelmille, joka perustuu 1rem
arvon oletusmuuttujaan $spacer
. Valitse arvot kaikille katseluporteille (esim .me-3
. margin-right: 1rem
LTR:lle) tai valitse reagoivat muunnelmat kohdistaaksesi tiettyihin näkymiin (esim .me-md-3
. —LTR: margin-right: 1rem
ssä— alkaen md
keskeytyskohdasta).
Vaihdavisibility
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.