Преминете към основното съдържание Преминете към навигацията с документи
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. Нашата препоръка е внимателно да прегледате собствените си политики за сигурност и да вземете решение за най-добрия път напред, ако е необходимо.