Treci la conținutul principal Treceți la navigarea documentelor
Check
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.

Deși nu putem intra în detalii aici despre cum să folosiți fiecare manager de pachete, putem oferi câteva îndrumări despre utilizarea Bootstrap cu propriul compilator Sass .

Pentru cei care doresc să utilizeze fișierele de distribuție, consultați pagina de început pentru a afla cum să includă fișierele respective și un exemplu de pagină HTML. De acolo, consultați documentele pentru aspectul, componentele și comportamentele pe care doriți să le utilizați.

Pe măsură ce vă familiarizați cu Bootstrap, continuați să explorați această secțiune pentru mai multe detalii despre cum să utilizați opțiunile noastre globale, cum să folosiți și să schimbați sistemul nostru de culori, cum ne construim componentele, cum să folosim lista crescândă de proprietăți personalizate CSS și cum pentru a vă optimiza codul atunci când construiți cu Bootstrap.

CSP-uri și SVG-uri încorporate

Mai multe componente Bootstrap includ SVG-uri încorporate în CSS-ul nostru pentru a stila componentele în mod constant și ușor pe browsere și dispozitive. Pentru organizațiile cu configurații CSP mai stricte , am documentat toate instanțele SVG-urilor noastre încorporate (toate sunt aplicate prin background-image), astfel încât să puteți revizui mai amănunțit opțiunile.

Pe baza conversației din comunitate , unele opțiuni pentru a rezolva acest lucru în propria bază de cod includ înlocuirea adreselor URL cu materiale găzduite local , eliminarea imaginilor și utilizarea imaginilor în linie (nu este posibilă în toate componentele) și modificarea CSP-ului. Recomandarea noastră este să revizuiți cu atenție propriile politici de securitate și să decideți cea mai bună cale de urmat, dacă este necesar.