Поділитися через


Огляд початкового завантаження

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 полягає в тому, що вони визначають усі стилі у фреймворку, а не лише один елемент. Наприклад, змінна @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 і вже включені на ваш веб-сайт.

Наступні кроки

Див. також