Oversikt over Bootstrap
Bootstrap er et front-end-rammeverk som hjelper deg med å utforme nettgrensesnitt med ferdiglagde CSS- og JavaScript-komponenter for vanlige elementer som navigasjon, skjemaer og knapper. Den har også et responsivt rutenettoppsettsystem som justerer nettstedet for enheter med forskjellige skjermstørrelser, for eksempel telefoner og nettbrett. Ved hjelp av Bootstrap-oppsettsystemet kan du opprette ett enkelt nettsted som ser bra ut på alle enheter som kundene bruker.
Power Pages-maler bruker standard Bootstrap-komponenter med minimalt tilpassede stiler. Ved å bruke disse malene kan du enkelt endre temaet (skrifttyper, farger og så videre) for å samsvare med merkevaren og innstillinger konsekvent på hele nettstedet.
Power Pages støtter Bootstrap versjon 3.3.6 og Bootstrap versjon 5. Bootstrap versjon 5 tilbyr forbedret brukeropplevelsesfunksjoner og nye komponenter som arkivlomme, offcanvas og RTL-støtte.
Når det gjelder nye Power Pages-nettsteder, må du konfigurere Bootstrap versjon 5 i miljøet. Du kan også overføre eksisterende Bootstrap versjon 3-nettsteder til versjon 5.
Tilpasse oppstart
Hvis du vil tilpasse Bootstrap, kan du endre verdiene til variabler, og deretter laste ned en versjon av Bootstrap som består av de egendefinerte verdiene.
Kraften til Bootstrap-variabler er at de definerer alle stilene i rammeverket, ikke bare ett element. Variabelen @font-size-base angir for eksempel standardstørrelsen på teksten på nettstedet – brødtekst, overskrifter og alle andre tekstelementer. En H1-overskrift kan defineres som 300 prosent av @font-size-base. Ved å angi denne ene variabelen, styrer du hele den typografiske skalaen for nettsted på en konsekvent måte.
Du kan opprette en egendefinert versjon av Bootstrap gjennom det offisielle Bootstrap-nettstedet eller bruk et tredjepartsnettsted som kan tilby et enklere grensesnitt eller forhåndsutformede temaer. Området for den offisielle Oppstart-tilpasseren inneholder mer informasjon om Oppstart-tilpasning.
Når du laster ned en tilpasset versjon av Oppstart, inneholder den følgende mappestruktur:
css/
|-- bootstrap.min.css
img/
|-- glyphicons-halflings-white.png
|-- glyphicons-halflings.png
js/
|-- bootstrap.min.js
Avhengig av tilpasserprogrammet du brukter, kan katalogstrukture bare inneholde bootstrap.min.css. Det er filen som inneholder tilpasningene dine. De andre filene er de samme for alle tilpassede versjoner av Oppstart, og er derfor allerede inkludert på nettstedet ditt.