Kalo te përmbajtja kryesore Kalo te navigimi i dokumenteve
Check
in English

Personalizoje

Mësoni se si të tematikoni, personalizoni dhe zgjeroni Bootstrap me Sass, një ngarkesë opsionesh globale, një sistem të gjerë ngjyrash dhe më shumë.

Sass Përdorni skedarët tanë burimor Sass për të përfituar nga variablat, hartat, përzierjet dhe funksionet.
Opsione Personalizoni Bootstrap me variabla të integruar për të ndërruar lehtësisht preferencat globale të CSS.
Ngjyrë Mësoni dhe personalizoni sistemet e ngjyrave që mbështesin të gjithë paketën e veglave.
Komponentët Mësoni se si ne ndërtojmë pothuajse të gjithë komponentët tanë në mënyrë të përgjegjshme dhe me klasa bazë dhe modifikues.
Variablat CSS Përdorni vetitë e personalizuara të CSS të Bootstrap për dizajn dhe zhvillim të shpejtë dhe largpamës.
Optimizo Mbani projektet tuaja të ligëta, të përgjegjshme dhe të mirëmbajtura në mënyrë që të mund të ofroni përvojën më të mirë.

Vështrim i përgjithshëm

Ka shumë mënyra për të personalizuar Bootstrap. Rruga juaj më e mirë mund të varet nga projekti juaj, kompleksiteti i mjeteve tuaja të ndërtimit, versioni i Bootstrap që po përdorni, mbështetja e shfletuesit dhe më shumë.

Dy metodat tona të preferuara janë:

  1. Duke përdorur Bootstrap përmes menaxherit të paketave, në mënyrë që të mund të përdorni dhe zgjeroni skedarët tanë burimor.
  2. Përdorimi i skedarëve të përpiluar të shpërndarjes së Bootstrap ose jsDelivr në mënyrë që të mund të shtoni ose të anashkaloni stilet e Bootstrap.

Ndërsa ne nuk mund të hyjmë në detaje këtu se si të përdorim çdo menaxher pakete, ne mund të japim disa udhëzime për përdorimin e Bootstrap me përpiluesin tuaj Sass .

For those who want to use the distribution files, review the getting started page for how to include those files and an example HTML page. From there, consult the docs for the layout, components, and behaviors you’d like to use.

As you familiarize yourself with Bootstrap, continue exploring this section for more details on how to utilize our global options, making use of and changing our color system, how we build our components, how to use our growing list of CSS custom properties, and how to optimize your code when building with Bootstrap.

CSPs and embedded SVGs

Several Bootstrap components include embedded SVGs in our CSS to style components consistently and easily across browsers and devices. For organizations with more strict CSP configurations, we’ve documented all instances of our embedded SVGs (all of which are applied via background-image) so you can more thoroughly review your options.

Based on community conversation, some options for addressing this in your own codebase include replacing the URLs with locally hosted assets, removing the images and using inline images (not possible in all components), and modifying your CSP. Our recommendation is to carefully review your own security policies and decide on the best path forward, if necessary.