Prehľad architektúry Bootstrap
Bootstrap je front-end framework, ktorý vám pomáha navrhovať webové rozhrania s predpripravenými CSS a JavaScript komponentmi pre bežné prvky, ako sú navigácia, formuláre a tlačidlá. Má tiež responzívny systém rozloženia mriežky , ktorý prispôsobuje váš web zariadeniam s rôznymi veľkosťami obrazovky, ako sú telefóny a tablety. Pomocou systému rozloženia Bootstrap môžete vytvoriť jednu stránku, ktorá vyzerá dobre na akomkoľvek zariadení, ktoré môžu vaši zákazníci používať.
Power Pages šablóny používajú štandardné komponenty Bootstrap s minimálnymi vlastnými štýlmi. Pomocou týchto šablón môžete jednoducho zmeniť tému (písma, farby atď.), aby sa konzistentne zhodovala s vašou značkou a preferenciami na celej vašej lokalite.
Power Pages podporuje Bootstrap verzie 3.3.6 a Bootstrap verzie 5. Bootstrap verzia 5 ponúka vylepšené funkcie používateľského prostredia (UX) a nové komponenty, ako je akordeón, offcanvas a podpora RTL.
Pre nové Power Pages stránky budete musieť nastaviť Bootstrap verzie 5 vo svojom prostredí. Môžete tiež migrovať svoje existujúce webové stránky Bootstrap verzie 3 na verziu 5.
Prispôsobte si Bootstrap
Ak chcete prispôsobiť Bootstrap, zmeňte hodnoty premenných a potom si stiahnite verziu Bootstrapu skompilovanú s vašimi vlastnými hodnotami.
Sila premenných Bootstrap je v tom, že definujú všetky štýly v rámci, nielen jeden prvok. Napríklad premenná @font-size-base určuje predvolenú veľkosť textu na vašom webe – hlavný text, nadpisy a všetky ostatné textové prvky. Nadpis H1 môže byť definovaný ako 300 percent z @font-size-base. Nastavením tejto jednej premennej ovládate celú typografickú mierku svojho webu konzistentným spôsobom.
Môžete si vytvoriť vlastnú verziu Bootstrap prostredníctvom oficiálnej stránky Bootstrap alebo použiť stránku tretej strany, ktorá môže ponúkať jednoduchšie rozhranie alebo vopred navrhnuté témy. Oficiálna stránka prispôsobenia Bootstrap obsahuje ďalšie informácie o prispôsobení Bootstrapu.
Keď si stiahnete prispôsobenú verziu Bootstrapu, obsahuje nasledujúcu adresárovú štruktúru:
css/
|-- bootstrap.min.css
img/
|-- glyphicons-halflings-white.png
|-- glyphicons-halflings.png
js/
|-- bootstrap.min.js
V závislosti od použitej aplikácie prispôsobenia môže adresárová štruktúra obsahovať iba bootstrap.min.css. Je to súbor, ktorý obsahuje vaše prispôsobenia. Ostatné súbory sú rovnaké pre všetky vlastné verzie Bootstrapu a sú už zahrnuté na vašom webe.