Pāriet uz galveno saturu Pāriet uz dokumentu navigāciju
Check
in English

Pielāgot

Uzziniet, kā izveidot tēmu, pielāgot un paplašināt Bootstrap, izmantojot Sass, globālu iespēju klāstu, plašu krāsu sistēmu un daudz ko citu.

Sass Izmantojiet mūsu avota Sass failus, lai izmantotu mainīgos, kartes, miksus un funkcijas.
Iespējas Pielāgojiet Bootstrap ar iebūvētiem mainīgajiem, lai viegli pārslēgtu globālās CSS preferences.
Krāsa Uzziniet un pielāgojiet krāsu sistēmas, kas atbalsta visu rīku komplektu.
Sastāvdaļas Uzziniet, kā mēs veidojam gandrīz visus mūsu komponentus reaģējoši un ar bāzes un modifikatoru klasēm.
CSS mainīgie Izmantojiet Bootstrap CSS pielāgotos rekvizītus ātrai un uz nākotni vērstai projektēšanai un izstrādei.
Optimizēt Saglabājiet savus projektus vienkāršus, atsaucīgus un apkopjamus, lai jūs varētu nodrošināt vislabāko pieredzi.

Pārskats

Ir vairāki veidi, kā pielāgot Bootstrap. Jūsu labākais ceļš var būt atkarīgs no jūsu projekta, veidošanas rīku sarežģītības, izmantotās Bootstrap versijas, pārlūkprogrammas atbalsta un daudz ko citu.

Mūsu divas vēlamās metodes ir:

  1. Bootstrap izmantošana , izmantojot pakotņu pārvaldnieku , lai jūs varētu izmantot un paplašināt mūsu avota failus.
  2. Izmantojot Bootstrap apkopotos izplatīšanas failus vai jsDelivr , lai jūs varētu pievienot vai ignorēt Bootstrap stilus.

Lai gan šeit nevar iedziļināties detaļās par to, kā izmantot katru pakotņu pārvaldnieku, mēs varam sniegt dažus norādījumus par Bootstrap lietošanu ar savu Sass kompilatoru .

Tiem, kas vēlas izmantot izplatīšanas failus, skatiet darba sākšanas lapu , lai uzzinātu, kā iekļaut šos failus, un HTML lapas piemēru. Pēc tam skatiet dokumentus, lai uzzinātu, kādu izkārtojumu, komponentus un darbības vēlaties izmantot.

Iepazīstoties ar Bootstrap, turpiniet izpētīt šo sadaļu, lai iegūtu plašāku informāciju par to, kā izmantot mūsu globālās iespējas, izmantot un mainīt mūsu krāsu sistēmu, kā mēs veidojam mūsu komponentus, kā izmantot mūsu pieaugošo CSS pielāgoto rekvizītu sarakstu un kā lai optimizētu savu kodu, veidojot ar Bootstrap.

CSP un iegultie SVG

Vairāki Bootstrap komponenti ietver mūsu CSS iegultos SVG, lai konsekventi un ērti veidotu komponentus visās pārlūkprogrammās un ierīcēs. Organizācijām ar stingrākām CSP konfigurācijām esam dokumentējuši visus mūsu iegulto SVG gadījumus (tie visi tiek lietoti, izmantojot background-image), lai jūs varētu rūpīgāk pārskatīt savas iespējas.

Pamatojoties uz kopienas sarunu , dažas iespējas, kā atrisināt šo problēmu savā kodu bāzē, ietver vietrāžu URL aizstāšanu ar lokāli mitinātiem līdzekļiem , attēlu noņemšanu un iekļauto attēlu izmantošanu (nav iespējams visos komponentos) un CSP modificēšanu. Mēs iesakām rūpīgi pārskatīt savas drošības politikas un, ja nepieciešams, izlemt par labāko turpmāko ceļu.