Перейти к основному содержанию Перейти к навигации по документам
Check
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. Мы рекомендуем тщательно проанализировать собственные политики безопасности и, при необходимости, выбрать наилучший путь вперед.