Перейти до основного вмісту Перейти до навігації документами
in English

Налаштувати

Дізнайтеся, як створити тему, налаштувати та розширити Bootstrap за допомогою Sass, великої кількості глобальних параметрів, розширеної системи кольорів тощо.

Сасс Використовуйте наші вихідні файли Sass, щоб скористатися перевагами змінних, карт, міксинів і функцій.
Опції Налаштуйте Bootstrap за допомогою вбудованих змінних, щоб легко перемикати глобальні параметри CSS.
колір Дізнайтеся та налаштуйте системи кольорів, які підтримують весь набір інструментів.
компоненти Дізнайтеся, як ми створюємо майже всі наші компоненти адаптивно та за допомогою базових класів і класів-модифікаторів.
Змінні CSS Використовуйте спеціальні властивості CSS Bootstrap для швидкого та перспективного проектування та розробки.
Оптимізувати Зберігайте свої проекти компактними, адаптивними та придатними для обслуговування, щоб забезпечити найкращий досвід.

Огляд

Є кілька способів налаштувати Bootstrap. Ваш найкращий шлях може залежати від вашого проекту, складності ваших інструментів збірки, версії Bootstrap, яку ви використовуєте, підтримки браузера тощо.

Наші два бажані методи:

  1. Використання Bootstrap через менеджер пакетів, щоб ви могли використовувати та розширювати наші вихідні файли.
  2. Використання скомпільованих дистрибутивних файлів Bootstrap або jsDelivr , щоб ви могли додавати або змінювати стилі Bootstrap.

Хоча ми не можемо вдаватися в деталі використання кожного менеджера пакунків, ми можемо надати деякі вказівки щодо використання Bootstrap із вашим власним компілятором Sass .

Для тих, хто хоче використовувати файли розповсюдження, перегляньте сторінку початку роботи, щоб дізнатися, як включити ці файли, і приклад сторінки HTML. Після цього зверніться до документів щодо макета, компонентів і поведінки, які ви хотіли б використовувати.

Ознайомившись із Bootstrap, продовжуйте вивчати цей розділ, щоб дізнатися більше про те, як використовувати наші глобальні параметри, використовувати та змінювати нашу систему кольорів, як ми створюємо наші компоненти, як використовувати наш зростаючий список спеціальних властивостей CSS і як щоб оптимізувати ваш код під час створення за допомогою Bootstrap.

CSP та вбудовані SVG

Декілька компонентів Bootstrap включають вбудовані SVG у наш CSS для узгодженого й легкого стилізації компонентів у різних браузерах і пристроях. Для організацій із більш суворими конфігураціями CSP ми задокументували всі екземпляри наших вбудованих SVG (усі вони застосовуються через background-image), щоб ви могли детальніше переглянути свої варіанти.

Виходячи з обговорення спільноти , деякі варіанти вирішення цього питання у вашій власній кодовій базі включають заміну URL-адрес на локально розміщені ресурси, видалення зображень і використання вбудованих зображень (можливо не в усіх компонентах), а також зміну вашого CSP. Наша рекомендація полягає в тому, щоб уважно переглянути власні політики безпеки та вибрати найкращий шлях, якщо це необхідно.