A Bootstrap áttekintése
A Bootstrap egy front-end keretrendszer, amely segít webes felületek tervezésében kész CSS és JavaScript összetevőkkel olyan közös elemekhez, mint a navigáció, űrlapok és gombok. Reszponzív rácsos elrendezési rendszerrel is rendelkezik , amely beállítja webhelyét a különböző képernyőméretű eszközökhöz, például telefonokhoz és táblagépekhez. A Bootstrap elrendezési rendszer segítségével egyetlen webhelyet hozhat létre, amely jól néz ki minden olyan eszközön, amelyet ügyfelei használhatnak.
Power Pages A sablonok szabványos Bootstrap összetevőket használnak minimális egyéni stílusokkal. Ezekkel a sablonokkal könnyedén megváltoztathatja a témát (betűtípusok, színek stb.), hogy következetesen illeszkedjen márkájához és preferenciáihoz az egész webhelyen.
Power Pages támogatja a Bootstrap 3.3.6-os és a Bootstrap 5-ös verzióját. A Bootstrap 5-ös verziója továbbfejlesztett felhasználói élményt (UX) és új komponenseket kínál, mint például harmonika, offcanvas és RTL támogatás.
Új Power Pages webhelyek esetén be kell állítania a Bootstrap 5-ös verzióját a környezetében. A meglévő Bootstrap 3-as verziójú webhelyeket is áttelepítheti az 5-ös verzióra.
A Bootstrap testreszabása
A Bootstrap testreszabásához módosítsa a változók értékeit, majd töltse le a Bootstrap egyéni értékekkel lefordított verzióját.
A Bootstrap változók ereje az, hogy meghatározzák a keretrendszer összes stílusát, nem csak egy elemet. A változó @font-size-base például a webhely szövegének alapértelmezett méretét adja meg – törzsszöveg, címsorok és minden más szövegelem. A H1 címsor a 300 százaléka @font-size-base. Ennek az egy változónak a beállításával következetesen szabályozhatja webhelye teljes tipográfiai méretét.
Létrehozhatja a Bootstrap egyéni verzióját a hivatalos Bootstrap webhelyen keresztül, vagy használhat harmadik féltől származó webhelyet, amely egyszerűbb felületet vagy előre megtervezett témákat kínálhat. A hivatalos Bootstrap testreszabó webhely további információkat tartalmaz a Bootstrap testreszabásáról.
A Bootstrap testreszabott verziójának letöltésekor az a következő könyvtárstruktúrát tartalmazza:
css/
|-- bootstrap.min.css
img/
|-- glyphicons-halflings-white.png
|-- glyphicons-halflings.png
js/
|-- bootstrap.min.js
A használt testreszabó alkalmazástól függően előfordulhat, hogy a könyvtárstruktúra csak a következőket tartalmazza bootstrap.min.css. Ez az a fájl, amely tartalmazza a testreszabásokat. A többi fájl megegyezik a Bootstrap összes egyéni verziójával, és már szerepel a webhelyén.