Prijeđi na glavni sadržaj Prijeđi na navigaciju dokumentima
Check
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.

Na temelju razgovora zajednice , neke opcije za rješavanje ovoga u vašoj vlastitoj bazi kodova uključuju zamjenu URL-ova s ​​lokalno hostiranim sredstvima , uklanjanje slika i korištenje ugrađenih slika (nije moguće u svim komponentama) i izmjenu vašeg CSP-a. Naša je preporuka da pažljivo pregledate vlastita sigurnosna pravila i odlučite koji je najbolji put prema naprijed, ako je potrebno.