Descripció general del bootstrap
Bootstrap és un marc de front-end que us ajuda a dissenyar interfícies web amb components JavaScript ja fets CSS per a elements comuns com la navegació, els formularis i els botons. També té un sistema de disseny de quadrícula sensible que ajusta el vostre lloc per a dispositius amb diferents mides de pantalla, com ara telèfons i tauletes. Amb el sistema de disseny Bootstrap, podeu crear un únic lloc que es vegi bé en qualsevol dispositiu que puguin utilitzar els vostres clients.
Power Pages les plantilles utilitzen components estàndard de Bootstrap amb estils personalitzats mínims. Amb aquestes plantilles, podeu canviar fàcilment el tema (tipus de lletra, colors, etc.) perquè coincideixi amb la vostra marca i preferències de manera coherent a tot el vostre lloc.
Power Pages admet la versió 3.3.6 de Bootstrap i la versió 5 de Bootstrap. La versió 5 de Bootstrap ofereix funcions d'experiència d'usuari (UX) millorades i nous components com acordió, offcanvas i suport RTL.
Per als llocs nous Power Pages , haureu de configurar la versió 5 del Bootstrap al vostre entorn. També podeu migrar els vostres llocs web existents de la versió 3 de Bootstrap a la versió 5.
Personalitzar Bootstrap
Per personalitzar Bootstrap, canvieu els valors de les variables i després baixeu una versió de Bootstrap compilada amb els vostres valors personalitzats.
El poder de les variables Bootstrap és que defineixen tots els estils del marc, no només un element. Per exemple, la variable @font-size-base especifica la mida predeterminada del text del lloc web: el text del cos, els encapçalaments i la resta d'elements de text. Un encapçalament H1 es podria definir com el 300 per cent de @font-size-base. En establir aquesta variable, controleu tota l'escala tipogràfica del vostre lloc web de manera coherent.
Podeu crear una versió personalitzada de Bootstrap a través del lloc oficial de Bootstrap o utilitzar un lloc de tercers que pugui oferir una interfície més fàcil o temes predissenyats. El lloc oficial de personalització de Bootstrap té més informació sobre la personalització de Bootstrap.
Quan descarregueu una versió personalitzada de Bootstrap, conté la següent estructura de directoris:
css/
|-- bootstrap.min.css
img/
|-- glyphicons-halflings-white.png
|-- glyphicons-halflings.png
js/
|-- bootstrap.min.js
Depenent de l'aplicació personalitzadora que utilitzeu, l'estructura de directoris només pot contenir bootstrap.min.css És el fitxer que conté les personalitzacions. Els altres fitxers són els mateixos per a totes les versions personalitzades de Bootstrap i ja estan inclosos al vostre lloc web.