Preskočiť na hlavný obsah Preskočiť na navigáciu v dokumentoch
Check
in English

Prispôsobiť

Naučte sa, ako vytvoriť tému, prispôsobiť a rozšíriť Bootstrap o Sass, množstvo globálnych možností, rozsiahly systém farieb a ďalšie.

Sass Využite naše zdrojové súbory Sass a využite výhody premenných, máp, mixov a funkcií.
možnosti Prispôsobte Bootstrap pomocou vstavaných premenných na jednoduché prepínanie globálnych preferencií CSS.
Farba Získajte informácie o systémoch farieb, ktoré podporujú celú súpravu nástrojov, a prispôsobte si ich.
Komponenty Zistite, ako vytvárame takmer všetky naše komponenty responzívne a so základnými triedami a triedami modifikátorov.
CSS premenné Použite vlastné vlastnosti CSS Bootstrapu pre rýchly a perspektívny dizajn a vývoj.
Optimalizovať Udržujte svoje projekty štíhle, pohotové a udržiavateľné, aby ste mohli poskytovať tie najlepšie skúsenosti.

Prehľad

Existuje niekoľko spôsobov, ako prispôsobiť Bootstrap. Vaša najlepšia cesta môže závisieť od vášho projektu, zložitosti vašich nástrojov na zostavovanie, verzie Bootstrapu, ktorú používate, podpory prehliadača a ďalších.

Naše dve preferované metódy sú:

  1. Používanie Bootstrapu cez správcu balíkov , aby ste mohli používať a rozširovať naše zdrojové súbory.
  2. Pomocou kompilovaných distribučných súborov Bootstrapu alebo jsDelivr môžete pridať alebo prepísať štýly Bootstrapu.

Aj keď tu nemôžeme zachádzať do podrobností o tom, ako používať každého správcu balíkov, môžeme vám poskytnúť návod na používanie Bootstrapu s vaším vlastným kompilátorom Sass .

Pre tých, ktorí chcú používať distribučné súbory, si pozrite stránku Začíname , kde nájdete informácie o tom, ako tieto súbory zahrnúť, a ukážku stránky HTML. Odtiaľ nájdete v dokumentoch rozloženie, komponenty a správanie, ktoré by ste chceli použiť.

Keď sa zoznámite s Bootstrap, pokračujte v skúmaní tejto časti, kde nájdete ďalšie podrobnosti o tom, ako využívať naše globálne možnosti, ako používať a meniť náš systém farieb, ako vytvárame naše komponenty, ako používať náš rastúci zoznam vlastných vlastností CSS a ako optimalizovať váš kód pri vytváraní pomocou Bootstrap.

CSP a vložené súbory SVG

Niekoľko komponentov Bootstrap obsahuje vložené súbory SVG v našom CSS, ktoré umožňujú konzistentný a jednoduchý štýl komponentov vo všetkých prehliadačoch a zariadeniach. Pre organizácie s prísnejšími konfiguráciami CSP sme zdokumentovali všetky inštancie našich vložených súborov SVG (všetky sú aplikované prostredníctvom background-image), aby ste si mohli dôkladnejšie prezrieť svoje možnosti.

Na základe konverzácie komunity niektoré možnosti riešenia tohto problému vo vašej vlastnej kódovej základni zahŕňajú nahradenie adries URL lokálne hosťovanými aktívami , odstránenie obrázkov a použitie vložených obrázkov (nie je možné vo všetkých komponentoch) a úpravu vášho CSP. Naším odporúčaním je dôkladne si preštudovať svoje vlastné bezpečnostné zásady a v prípade potreby rozhodnúť o najlepšej ceste vpred.