Bootstrap pārskats
Bootstrap ir priekšgala sistēma, kas palīdz izstrādāt tīmekļa saskarnes ar gataviem CSS un JavaScript komponentiem kopīgiem elementiem, piemēram , navigācijai, veidlapām un pogām. Tam ir arī reaģējoša režģa izkārtojuma sistēma , kas pielāgo jūsu vietni ierīcēm ar dažādiem ekrāna izmēriem, piemēram, tālruņiem un planšetdatoriem. Izmantojot Bootstrap izkārtojuma sistēmu, varat izveidot vienu vietni, kas labi izskatās jebkurā ierīcē, kuru varētu izmantot jūsu klienti.
Power Pages veidnēs tiek izmantoti standarta Bootstrap komponenti ar minimāliem pielāgotiem stiliem. Izmantojot šīs veidnes, varat viegli mainīt dizainu (fontus, krāsas utt.), lai tas konsekventi atbilstu jūsu zīmolam un preferencēm visā vietnē.
Power Pages atbalsta Bootstrap versiju 3.3.6 un Bootstrap versiju 5. Bootstrap 5. versija piedāvā uzlabotas lietotāja pieredzes (UX) funkcijas un jaunus komponentus, piemēram, akordeonu, offcanvas un RTL atbalstu.
Jaunām Power Pages vietnēm savā vidē būsjāiestata Bootstrap 5. versija. Varat arī migrēt esošās Bootstrap 3. versijas vietnes uz 5. versiju.
Pielāgot Bootstrap
Lai pielāgotu Bootstrap, jūs maināt mainīgo lielumu vērtības un pēc tam lejupielādējat Bootstrap versiju, kas apkopota ar jūsu pielāgotajām vērtībām.
Bootstrap mainīgo spēks ir tāds, ka tie definē visus sistēmas stilus, nevis tikai vienu elementu. Piemēram, mainīgais @font-size-base
norāda jūsu vietnes teksta noklusējuma lielumu — pamattekstu, virsrakstus un visus pārējos teksta elementus. H1 pozīciju var definēt kā 300 procentus no @font-size-base
. Iestatot šo vienu mainīgo, jūs konsekventi kontrolējat visu savas vietnes tipogrāfisko skalu.
Jūs varat izveidot pielāgotu Bootstrap versiju, izmantojot oficiālo Bootstrap vietni , vai izmantot trešās puses vietni, kas varētu piedāvāt vieglāku saskarni vai iepriekš izstrādātas tēmas. Oficiālajā Bootstrap pielāgotāja vietnē ir vairāk informācijas par Bootstrap pielāgošanu.
Lejupielādējot pielāgotu Bootstrap versiju, tajā ir šāda direktoriju struktūra:
css/
|-- bootstrap.min.css
img/
|-- glyphicons-halflings-white.png
|-- glyphicons-halflings.png
js/
|-- bootstrap.min.js
Atkarībā no izmantotās pielāgotāja lietojumprogrammas direktorija struktūrā var būt bootstrap.min.css
tikai. Tas ir fails, kurā ir jūsu pielāgojumi. Pārējie faili ir vienādi visām pielāgotajām Bootstrap versijām un jau ir iekļauti jūsu vietnē.