Spring til hovedindhold Spring til dokumentnavigation
Check
in English

Tilpas

Lær, hvordan du tematiserer, tilpasser og udvider Bootstrap med Sass, en bådladning af globale muligheder, et ekspansivt farvesystem og mere.

Sass Brug vores Sass-kildefiler til at drage fordel af variabler, kort, mixins og funktioner.
Muligheder Tilpas Bootstrap med indbyggede variabler for nemt at skifte globale CSS-præferencer.
Farve Lær om og tilpas farvesystemerne, der understøtter hele værktøjssættet.
Komponenter Lær, hvordan vi bygger næsten alle vores komponenter responsivt og med basis- og modifikatorklasser.
CSS variabler Brug Bootstraps CSS-tilpassede egenskaber til hurtigt og fremadskuende design og udvikling.
Optimer Hold dine projekter slanke, lydhøre og vedligeholdelige, så du kan levere den bedste oplevelse.

Oversigt

Der er flere måder at tilpasse Bootstrap på. Din bedste vej kan afhænge af dit projekt, kompleksiteten af ​​dine byggeværktøjer, den version af Bootstrap du bruger, browserunderstøttelse og meget mere.

Vores to foretrukne metoder er:

  1. Brug af Bootstrap via pakkehåndtering, så du kan bruge og udvide vores kildefiler.
  2. Brug af Bootstraps kompilerede distributionsfiler eller jsDelivr , så du kan tilføje til eller tilsidesætte Bootstraps stilarter.

Selvom vi ikke kan gå i detaljer her om, hvordan man bruger hver pakkemanager, kan vi give nogle vejledninger om brug af Bootstrap med din egen Sass-kompiler .

For dem, der ønsker at bruge distributionsfilerne, kan du gennemgå startsiden for, hvordan du inkluderer disse filer og et eksempel på en HTML-side. Derfra kan du konsultere dokumenterne for det layout, de komponenter og den adfærd, du gerne vil bruge.

Efterhånden som du bliver fortrolig med Bootstrap, fortsæt med at udforske dette afsnit for at få flere detaljer om, hvordan du udnytter vores globale muligheder, gør brug af og ændrer vores farvesystem, hvordan vi bygger vores komponenter, hvordan du bruger vores voksende liste over CSS-tilpassede egenskaber, og hvordan for at optimere din kode, når du bygger med Bootstrap.

CSP'er og indlejrede SVG'er

Adskillige Bootstrap-komponenter inkluderer indlejrede SVG'er i vores CSS for at style komponenter konsekvent og nemt på tværs af browsere og enheder. For organisationer med mere strenge CSP - konfigurationer har vi dokumenteret alle forekomster af vores indlejrede SVG'er (som alle anvendes via background-image), så du mere grundigt kan gennemgå dine muligheder.

Baseret på fællesskabssamtale inkluderer nogle muligheder for at løse dette i din egen kodebase at erstatte URL'erne med lokalt hostede aktiver , fjerne billederne og bruge inline-billeder (ikke muligt i alle komponenter) og ændre din CSP. Vores anbefaling er omhyggeligt at gennemgå dine egne sikkerhedspolitikker og beslutte den bedste vej frem, hvis det er nødvendigt.