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ä 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 . LTR:lle) tai valitse reagoivat muunnelmat kohdistaaksesi tiettyihin näkymäportteihin (esim .me-3
. —LTR: lle— alkaen keskeytyskohdasta).margin-right: 1rem
.me-md-3
margin-right: 1rem
md
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.