Treci la conținutul principal Treceți la navigarea documentelor
in English

Personalizați

Aflați cum să temați, să personalizați și să extindeți Bootstrap cu Sass, o mulțime de opțiuni globale, un sistem de culori extins și multe altele.

Sass Utilizați fișierele noastre sursă Sass pentru a profita de variabile, hărți, mixuri și funcții.
Opțiuni Personalizați Bootstrap cu variabile încorporate pentru a comuta cu ușurință preferințele globale CSS.
Culoare Aflați despre și personalizați sistemele de culoare care acceptă întregul set de instrumente.
Componente Aflați cum construim aproape toate componentele noastre în mod receptiv și cu clase de bază și modificatoare.
variabile CSS Utilizați proprietățile personalizate CSS ale Bootstrap pentru proiectare și dezvoltare rapidă și de perspectivă.
Optimizați Păstrați proiectele slabe, receptive și ușor de întreținut, astfel încât să puteți oferi cea mai bună experiență.

Prezentare generală

Există mai multe moduri de a personaliza Bootstrap. Cea mai bună cale poate depinde de proiectul dvs., de complexitatea instrumentelor dvs. de construcție, de versiunea de Bootstrap pe care o utilizați, de suport pentru browser și multe altele.

Cele două metode preferate ale noastre sunt:

  1. Folosind Bootstrap prin managerul de pachete, astfel încât să puteți utiliza și extinde fișierele noastre sursă.
  2. Folosind fișierele de distribuție compilate de Bootstrap sau jsDelivr , astfel încât să puteți adăuga sau suprascrie stilurile Bootstrap.

While we cannot go into details here on how to use every package manager, we can give some guidance on using Bootstrap with your own Sass compiler.

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.