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.
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ú:
- Používanie Bootstrapu cez správcu balíkov , aby ste mohli používať a rozširovať naše zdrojové súbory.
- 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.
- Akordeón
- Tlačidlo Zavrieť (používa sa v upozorneniach a spôsoboch)
- Začiarkavacie políčka formulárov a prepínače
- Prepínače formulárov
- Ikony overenia formulárov
- Vyberte ponuky
- Ovládanie karuselu
- Prepínacie tlačidlá navigačnej lišty
Na základe komunitnej konverzácie niektoré možnosti, ako to vyriešiť 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.