Vés al contingut principal Saltar a la navegació de documents
Check
in English

Personalitza

Apreneu a tematitzar, personalitzar i ampliar Bootstrap amb Sass, un munt d'opcions globals, un sistema de color ampli i molt més.

Sass Utilitzeu els nostres fitxers Sass d'origen per aprofitar variables, mapes, mixins i funcions.
Opcions Personalitzeu Bootstrap amb variables integrades per canviar fàcilment les preferències CSS globals.
Color Conegueu i personalitzeu els sistemes de color que admeten tot el conjunt d'eines.
Components Descobriu com construïm gairebé tots els nostres components de manera sensible i amb classes base i modificadores.
Variables CSS Utilitzeu les propietats personalitzades CSS de Bootstrap per a un disseny i desenvolupament ràpids i avançats.
Optimitzar Mantingueu els vostres projectes ajustats, responsius i fàcils de mantenir perquè pugueu oferir la millor experiència.

Visió general

Hi ha diverses maneres de personalitzar Bootstrap. El vostre millor camí pot dependre del vostre projecte, de la complexitat de les vostres eines de creació, de la versió de Bootstrap que utilitzeu, del suport del navegador i molt més.

Els nostres dos mètodes preferits són:

  1. Utilitzant Bootstrap mitjançant el gestor de paquets perquè pugueu utilitzar i ampliar els nostres fitxers font.
  2. Utilitzant els fitxers de distribució compilats de Bootstrap o jsDelivr perquè pugueu afegir o substituir els estils de Bootstrap.

Tot i que aquí no podem entrar en detalls sobre com utilitzar tots els gestors de paquets, podem donar algunes instruccions sobre com utilitzar Bootstrap amb el vostre propi compilador Sass .

Per a aquells que vulguin utilitzar els fitxers de distribució, reviseu la pàgina d'inici per veure com incloure aquests fitxers i una pàgina HTML d'exemple. A partir d'aquí, consulteu els documents per a la disposició, els components i els comportaments que voleu utilitzar.

A mesura que us familiaritzeu amb Bootstrap, continueu explorant aquesta secció per obtenir més detalls sobre com utilitzar les nostres opcions globals, fer ús i canviar el nostre sistema de color, com construïm els nostres components, com utilitzar la nostra llista creixent de propietats personalitzades CSS i com per optimitzar el codi quan es construeix amb Bootstrap.

CSP i SVG incrustats

Diversos components de Bootstrap inclouen SVG incrustats al nostre CSS per dissenyar components de manera coherent i senzilla en navegadors i dispositius. Per a les organitzacions amb configuracions de CSP més estrictes , hem documentat totes les instàncies dels nostres SVG incrustats (tots els quals s'apliquen mitjançant background-image) perquè pugueu revisar les vostres opcions més a fons.

D'acord amb la conversa de la comunitat , algunes opcions per solucionar-ho a la vostra base de codi inclouen substituir els URL per recursos allotjats localment , eliminar les imatges i utilitzar imatges en línia (no és possible en tots els components) i modificar el vostre CSP. La nostra recomanació és revisar acuradament les vostres pròpies polítiques de seguretat i decidir el millor camí a seguir, si cal.