Персонализиране
Научете как да тематизирате, персонализирате и разширявате Bootstrap със Sass, множество глобални опции, обширна цветова система и много други.
Преглед
Има няколко начина за персонализиране на Bootstrap. Вашият най-добър път може да зависи от вашия проект, сложността на вашите инструменти за изграждане, версията на Bootstrap, която използвате, поддръжката на браузъра и др.
Нашите два предпочитани метода са:
- Използване на Bootstrap чрез мениджър на пакети, за да можете да използвате и разширявате нашите изходни файлове.
- Използване на компилираните файлове за разпространение на Bootstrap или jsDelivr , за да можете да добавяте или отменяте стиловете на Bootstrap.
Въпреки че не можем да навлизаме в подробности тук за това как да използвате всеки мениджър на пакети, можем да дадем някои насоки за използването на Bootstrap с вашия собствен Sass компилатор .
За тези, които искат да използват файловете за разпространение, прегледайте началната страница за това как да включите тези файлове и примерна HTML страница. Оттам се консултирайте с документите за оформлението, компонентите и поведението, които искате да използвате.
Докато се запознавате с Bootstrap, продължете да проучвате този раздел за повече подробности относно това как да използвате нашите глобални опции, да използвате и променяте нашата цветова система, как изграждаме нашите компоненти, как да използваме нашия нарастващ списък от персонализирани CSS свойства и как за оптимизиране на вашия код при изграждане с Bootstrap.
CSP и вградени SVG
Няколко компонента на Bootstrap включват вградени SVG в нашия CSS за стилизиране на компоненти последователно и лесно в различни браузъри и устройства. За организации с по-стриктни конфигурации на CSP , ние документирахме всички екземпляри на нашите вградени SVG (всички от които се прилагат чрез background-image
), така че можете да прегледате по-задълбочено вашите опции.
- Акордеон
- Бутон за затваряне (използван в предупреждения и модални)
- Формуляри за отметки и радио бутони
- Превключватели на форми
- Икони за валидиране на формуляри
- Изберете менюта
- Контроли на въртележката
- Бутони за превключване на навигационната лента
Въз основа на разговор в общността някои опции за справяне с това във вашата собствена кодова база включват замяна на URL адресите с локално хоствани активи, премахване на изображения и използване на вградени изображения (не е възможно във всички компоненти) и модифициране на вашия CSP. Нашата препоръка е внимателно да прегледате собствените си политики за сигурност и да вземете решение за най-добрия път напред, ако е необходимо.