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