Přizpůsobit
Naučte se motivovat, přizpůsobovat a rozšiřovat Bootstrap o Sass, velké množství globálních možností, rozsáhlý systém barev a další.
Přehled
Existuje několik způsobů, jak přizpůsobit Bootstrap. Vaše nejlepší cesta může záviset na vašem projektu, složitosti vašich sestavovacích nástrojů, verzi Bootstrapu, kterou používáte, podpoře prohlížeče a dalších.
Naše dvě preferované metody jsou:
- Použití Bootstrap prostřednictvím správce balíčků , abyste mohli používat a rozšiřovat naše zdrojové soubory.
- Pomocí kompilovaných distribučních souborů Bootstrapu nebo jsDelivr můžete přidat nebo přepsat styly Bootstrapu.
I když zde nemůžeme zacházet do podrobností o tom, jak používat každý správce balíčků, můžeme vám poskytnout nějaké vodítko k použití Bootstrapu s vaším vlastním kompilátorem Sass .
Pro ty, kteří chtějí používat distribuční soubory, si přečtěte stránku Začínáme , kde najdete , jak tyto soubory zahrnout, a ukázkovou stránku HTML. Odtud vyhledejte v dokumentaci rozvržení, komponenty a chování, které chcete použít.
Až se seznámíte s Bootstrap, pokračujte v prozkoumávání této části, kde najdete další podrobnosti o tom, jak využívat naše globální možnosti, jak používat a měnit náš systém barev, jak vytváříme naše komponenty, jak používat náš rostoucí seznam vlastních vlastností CSS a jak optimalizovat váš kód při sestavování pomocí Bootstrap.
CSP a vložené soubory SVG
Několik komponent Bootstrap zahrnuje vložené SVG v našem CSS, které umožňují konzistentní a snadné stylování komponent napříč prohlížeči a zařízeními. Pro organizace s přísnějšími konfiguracemi CSP jsme zdokumentovali všechny instance našich vložených SVG (všechny jsou aplikovány prostřednictvím background-image
), abyste si mohli důkladněji prohlédnout své možnosti.
- Akordeon
- Tlačítko Zavřít (používá se ve výstrahách a modálech)
- Zaškrtávací políčka formulářů a přepínače
- Přepínače formulářů
- Ikony ověření formuláře
- Vyberte nabídky
- Ovládání karuselu
- Přepínací tlačítka navigační lišty
Na základě konverzace komunity některé možnosti, jak to vyřešit ve vaší vlastní kódové základně, zahrnují nahrazení adres URL lokálně hostovanými prostředky, odstranění obrázků a použití vložených obrázků (není možné ve všech komponentách) a úpravu vašeho CSP. Naším doporučením je pečlivě zkontrolovat své vlastní bezpečnostní zásady a v případě potřeby rozhodnout o nejlepší cestě vpřed.