Slaan oor na hoofinhoud Slaan oor na dokumentnavigasie
in English

Pasmaak

Leer hoe om Bootstrap te tema, aanpas en uit te brei met Sass, 'n bootlading wêreldwye opsies, 'n uitgebreide kleurstelsel, en meer.

Sass Gebruik ons ​​bron Sass-lêers om voordeel te trek uit veranderlikes, kaarte, mixins en funksies.
Opsies Pas Bootstrap aan met ingeboude veranderlikes om globale CSS-voorkeure maklik te wissel.
Kleur Leer oor en pasmaak die kleurstelsels wat die hele gereedskapstel ondersteun.
Komponente Leer hoe ons byna al ons komponente reageer en met basis- en wysigerklasse bou.
CSS veranderlikes Gebruik Bootstrap se CSS persoonlike eienskappe vir vinnige en vooruitskouende ontwerp en ontwikkeling.
Optimaliseer Hou jou projekte skraal, reageer en onderhoubaar sodat jy die beste ervaring kan lewer.

Oorsig

Daar is verskeie maniere om Bootstrap aan te pas. Jou beste pad kan afhang van jou projek, die kompleksiteit van jou bounutsgoed, die weergawe van Bootstrap wat jy gebruik, blaaierondersteuning, en meer.

Ons twee voorkeurmetodes is:

  1. Gebruik Bootstrap via pakketbestuurder sodat u ons bronlêers kan gebruik en uitbrei.
  2. Gebruik Bootstrap se saamgestelde verspreidingslêers of jsDelivr sodat jy Bootstrap se style kan byvoeg of ignoreer.

Alhoewel ons nie hier in besonderhede kan ingaan oor hoe om elke pakketbestuurder te gebruik nie, kan ons 'n paar leiding gee oor die gebruik van Bootstrap met jou eie Sass-samesteller .

Vir diegene wat die verspreidingslêers wil gebruik, hersien die beginbladsy vir hoe om daardie lêers en 'n voorbeeld HTML-bladsy in te sluit. Raadpleeg van daar die dokumente vir die uitleg, komponente en gedrag wat jy wil gebruik.

Soos jy jouself vertroud maak met Bootstrap, gaan voort om hierdie afdeling te verken vir meer besonderhede oor hoe om ons globale opsies te gebruik, gebruik te maak van en ons kleurstelsel te verander, hoe ons ons komponente bou, hoe om ons groeiende lys van CSS-pasgemaakte eienskappe te gebruik, en hoe om jou kode te optimaliseer wanneer jy met Bootstrap bou.

CSP's en ingebedde SVG's

Verskeie Bootstrap-komponente bevat ingebedde SVG's in ons CSS om komponente konsekwent en maklik oor blaaiers en toestelle te styl. Vir organisasies met strenger CSP -konfigurasies , het ons alle gevalle van ons ingebedde SVG's (wat almal toegepas word via background-image) gedokumenteer sodat jy jou opsies meer deeglik kan hersien.

Gebaseer op gemeenskapsgesprek , sluit sommige opsies om dit in jou eie kodebasis aan te spreek die vervanging van die URL's met bates wat plaaslik gehuisves word, die verwydering van die beelde en die gebruik van inlynbeelde (nie moontlik in alle komponente) in, en die wysiging van jou CSP. Ons aanbeveling is om jou eie sekuriteitsbeleide noukeurig te hersien en te besluit oor die beste pad vorentoe, indien nodig.