Общ преглед на Bootstrap
Bootstrap е предна рамка, която ви помага да проектирате уеб интерфейси с готови CSS и JavaScript компоненти за общи елементи като навигация, формуляри и бутони. Освен това има система за адаптивно оформление на мрежата, която настройва вашия сайт за устройства с различни размери на екрана, като телефони и таблети. С помощта на системата за оформление на Bootstrap можете да създадете един сайт, който изглежда добре на всяко устройство, което вашите клиенти могат да използват.
Power Pages шаблоните използват стандартни компоненти на Bootstrap с минимални персонализирани стилове. Използвайки тези шаблони, можете лесно да промените темата (шрифтове, цветове и т.н.), за да съответства на вашата марка и предпочитания последователно в целия ви сайт.
Power Pages поддържа Bootstrap версия 3.3.6 и Bootstrap версия 5. Bootstrap версия 5 предлага подобрени функции за потребителско изживяване (UX) и нови компоненти като поддръжка на акордеон, offcanvas и RTL.
За нови Power Pages сайтове ще трябва да настроите Bootstrap версия 5 във вашата среда. Можете също така да мигрирате съществуващите си уебсайтове на Bootstrap версия 3 към версия 5.
Персонализирайте Bootstrap
За да персонализирате Bootstrap, променяте стойностите на променливите и след това изтегляте версия на Bootstrap, компилирана с вашите персонализирани стойности.
Силата на променливите на Bootstrap е, че те определят всички стилове в рамката, а не само един елемент. Например променливата @font-size-base указва размера по подразбиране на текста на вашия сайт – основен текст, заглавия и всички други текстови елементи. Заглавие H1 може да се определи като 300 процента от @font-size-base. Задавайки тази променлива, вие контролирате целия типографски мащаб на уебсайта си по последователен начин.
Можете да създадете персонализирана версия на Bootstrap чрез официалния сайт на Bootstrap или да използвате сайт на трета страна, който може да предложи по-лесен интерфейс или предварително проектирани теми. Официалният сайт за персонализиране на Bootstrap има повече информация за персонализирането на Bootstrap.
Когато изтегляте персонализирана версия на Bootstrap, тя съдържа следната структура на директории:
css/
|-- bootstrap.min.css
img/
|-- glyphicons-halflings-white.png
|-- glyphicons-halflings.png
js/
|-- bootstrap.min.js
В зависимост от приложението за персонализиране, което сте използвали, структурата на директорията може да съдържа bootstrap.min.css само. Това е файлът, който съдържа вашите персонализации. Другите файлове са еднакви за всички персонализирани версии на Bootstrap и вече са включени във вашия уебсайт.