Prijeđi na glavni sadržaj Prijeđi na navigaciju dokumentima
in English

Prilagodite

Naučite kako tematizirati, prilagoditi i proširiti Bootstrap sa Sassom, mnoštvom globalnih opcija, ekspanzivnim sustavom boja i više.

Sass Iskoristite naše izvorne Sass datoteke kako biste iskoristili prednosti varijabli, mapa, mixina i funkcija.
Mogućnosti Prilagodite Bootstrap s ugrađenim varijablama za jednostavno prebacivanje globalnih CSS postavki.
Boja Naučite i prilagodite sustave boja koji podržavaju cijeli skup alata.
Komponente Naučite kako gotovo sve naše komponente gradimo responzivno i s osnovnim i modifikatorskim klasama.
CSS varijable Koristite Bootstrapova CSS prilagođena svojstva za brz i napredan dizajn i razvoj.
Optimizirajte Neka vaši projekti budu skromni, osjetljivi i održavani kako biste mogli pružiti najbolje iskustvo.

Pregled

Postoji više načina za prilagodbu Bootstrapa. Vaš najbolji put može ovisiti o vašem projektu, složenosti vaših alata za izradu, verziji Bootstrapa koju koristite, podršci preglednika i još mnogo toga.

Naše dvije preferirane metode su:

  1. Korištenje Bootstrapa putem upravitelja paketa kako biste mogli koristiti i proširiti naše izvorne datoteke.
  2. Korištenje Bootstrapovih kompiliranih distribucijskih datoteka ili jsDelivr kako biste mogli dodati ili nadjačati Bootstrapove stilove.

Iako ovdje ne možemo ići u detalje o tome kako koristiti svaki upravitelj paketa, možemo dati neke smjernice o korištenju Bootstrapa s vašim vlastitim Sass kompajlerom .

Za one koji žele koristiti distribucijske datoteke, pogledajte stranicu za početak kako uključiti te datoteke i primjer HTML stranice. Odatle potražite dokumente za izgled, komponente i ponašanja koja želite koristiti.

Dok se upoznajete s Bootstrapom, nastavite istraživati ​​ovaj odjeljak za više pojedinosti o tome kako koristiti naše globalne opcije, koristiti i mijenjati naš sustav boja, kako gradimo svoje komponente, kako koristiti naš rastući popis prilagođenih CSS svojstava i kako kako biste optimizirali svoj kod prilikom izgradnje s Bootstrapom.

CSP-ovi i ugrađeni SVG-ovi

Nekoliko komponenti Bootstrapa uključuje ugrađene SVG-ove u naš CSS za dosljedan i jednostavan stil komponenti na svim preglednicima i uređajima. Za organizacije sa strožim konfiguracijama CSP -a , dokumentirali smo sve instance naših ugrađenih SVG-ova (svi se primjenjuju putem background-image) tako da možete temeljitije pregledati svoje mogućnosti.

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.