Gå til hovedinnhold Hopp til dokumentnavigering
in English

Tilpass

Lær hvordan du temaerer, tilpasser og utvider Bootstrap med Sass, en rekke globale alternativer, et ekspansivt fargesystem og mer.

Sass Bruk Sass-kildefilene våre for å dra nytte av variabler, kart, mixins og funksjoner.
Alternativer Tilpass Bootstrap med innebygde variabler for enkelt å bytte globale CSS-preferanser.
Farge Lær om og tilpass fargesystemene som støtter hele verktøysettet.
Komponenter Lær hvordan vi bygger nesten alle komponentene våre responsivt og med basis- og modifikasjonsklasser.
CSS-variabler Bruk Bootstraps egendefinerte CSS-egenskaper for rask og fremtidsrettet design og utvikling.
Optimaliser Hold prosjektene dine slanke, responsive og vedlikeholdbare, slik at du kan levere den beste opplevelsen.

Oversikt

Det er flere måter å tilpasse Bootstrap på. Din beste vei kan avhenge av prosjektet ditt, kompleksiteten til byggeverktøyene dine, versjonen av Bootstrap du bruker, nettleserstøtte og mer.

Våre to foretrukne metoder er:

  1. Bruke Bootstrap via pakkebehandling slik at du kan bruke og utvide kildefilene våre.
  2. Bruke Bootstraps kompilerte distribusjonsfiler eller jsDelivr slik at du kan legge til eller overstyre Bootstraps stiler.

Selv om vi ikke kan gå inn på detaljer her om hvordan du bruker hver pakkebehandling, kan vi gi noen veiledning om bruk av Bootstrap med din egen Sass-kompilator .

For de som ønsker å bruke distribusjonsfilene, gå gjennom startsiden for hvordan du inkluderer disse filene og et eksempel på en HTML-side. Derfra kan du se dokumentene for oppsettet, komponentene og virkemåten du vil bruke.

Når du gjør deg kjent med Bootstrap, fortsett å utforske denne delen for mer informasjon om hvordan du kan bruke våre globale alternativer, bruke og endre fargesystemet vårt, hvordan vi bygger komponentene våre, hvordan du bruker vår voksende liste over egendefinerte CSS-egenskaper og hvordan for å optimalisere koden når du bygger med Bootstrap.

CSP-er og innebygde SVG-er

Flere Bootstrap-komponenter inkluderer innebygde SVG-er i vår CSS for å style komponenter konsekvent og enkelt på tvers av nettlesere og enheter. For organisasjoner med strengere CSP - konfigurasjoner har vi dokumentert alle forekomster av våre innebygde SVG-er (som alle brukes via background-image) slik at du kan gå grundigere gjennom alternativene dine.

Basert på fellesskapssamtale inkluderer noen alternativer for å adressere dette i din egen kodebase å erstatte URL-ene med lokalt vertsbaserte ressurser, fjerne bildene og bruke innebygde bilder (ikke mulig i alle komponenter) og endre CSP-en. Vår anbefaling er å nøye gjennomgå dine egne sikkerhetspolicyer og bestemme den beste veien videre, om nødvendig.