Прилагодете
Научете како да го тематизирате, приспособувате и проширувате 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. Нашата препорака е внимателно да ги прегледате вашите сопствени безбедносни политики и да одлучите за најдобриот пат напред, доколку е потребно.