Přejít na hlavní obsah Přejít na navigaci v dokumentech
Check
in English

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ší.

Sass Využijte naše zdrojové soubory Sass k využití proměnných, map, mixinů a funkcí.
Možnosti Přizpůsobte Bootstrap pomocí vestavěných proměnných pro snadné přepínání globálních předvoleb CSS.
Barva Seznamte se s barevnými systémy, které podporují celou sadu nástrojů, a přizpůsobte si je.
Komponenty Zjistěte, jak vytváříme téměř všechny naše komponenty responzivně a se základními a modifikačními třídami.
CSS proměnné Použijte vlastní vlastnosti CSS Bootstrapu pro rychlý a perspektivní návrh a vývoj.
Optimalizovat Udržujte své projekty štíhlé, reagující a udržovatelné, abyste mohli poskytovat ty nejlepší zkušenosti.

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:

  1. Použití Bootstrap prostřednictvím správce balíčků , abyste mohli používat a rozšiřovat naše zdrojové soubory.
  2. 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, aby bylo možné stylovat komponenty konzistentně a snadno 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.

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 místně 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.