Preskoči na glavni sadržaj Preskoči na navigaciju dokumenata
Check
in English

Prilagodi

Naučite kako postaviti teme, prilagoditi i proširiti Bootstrap uz Sass, mnoštvo globalnih opcija, ekspanzivni sistem boja i još mnogo toga.

Sass Koristite naše izvorne Sass datoteke da iskoristite prednosti varijabli, mapa, miksa i funkcija.
Opcije Prilagodite Bootstrap sa ugrađenim varijablama za jednostavno prebacivanje globalnih CSS postavki.
Boja Naučite i prilagodite sisteme boja koji podržavaju cijeli komplet alata.
Komponente Naučite kako gradimo gotovo sve naše komponente odgovorno i sa osnovnim i modifikatorskim klasama.
CSS varijable Koristite Bootstrap-ova CSS prilagođena svojstva za brz dizajn i razvoj koji gleda u budućnost.
Optimizirajte Neka vaši projekti budu vitki, prilagodljivi i održavani kako biste mogli pružiti najbolje iskustvo.

Pregled

Postoji više načina da prilagodite Bootstrap. Vaš najbolji put može zavisiti od vašeg projekta, složenosti vaših alata za pravljenje, verzije Bootstrapa koju koristite, podrške pretraživača i još mnogo toga.

Naše dvije preferirane metode su:

  1. Koristeći Bootstrap preko menadžera paketa , tako da možete koristiti i proširiti naše izvorne datoteke.
  2. Koristeći Bootstrap-ove kompajlirane distribucijske datoteke ili jsDelivr tako da možete dodati ili nadjačati Bootstrap-ove stilove.

Iako ovdje ne možemo ulaziti u detalje o tome kako koristiti svaki menadžer paketa, možemo dati neke smjernice o korištenju Bootstrapa sa vašim vlastitim Sass kompajlerom .

Za one koji žele da koriste datoteke za distribuciju, pregledajte stranicu za početak kako da uključite te datoteke i primjer HTML stranice. Odatle, konsultujte dokumente za izgled, komponente i ponašanja koja želite da koristite.

Dok se upoznate sa Bootstrapom, nastavite istraživati ​​ovaj odjeljak za više detalja o tome kako koristiti naše globalne opcije, koristiti i mijenjati naš sistem boja, kako gradimo naše komponente, kako koristiti našu rastuću listu prilagođenih svojstava CSS-a i kako za optimizaciju vašeg koda kada gradite s Bootstrapom.

CSP-ovi i ugrađeni SVG-ovi

Nekoliko Bootstrap komponenti uključuje ugrađene SVG-ove u naš CSS za dosljedno i lako stiliziranje komponenti u svim pretraživačima i uređajima. Za organizacije sa strožijim CSP konfiguracijama , dokumentirali smo sve instance naših ugrađenih SVG-ova (svi se primjenjuju putem background-image) tako da možete detaljnije pregledati svoje opcije.

Na osnovu razgovora u zajednici , neke opcije za rješavanje ovoga u vašoj vlastitoj bazi koda uključuju zamjenu URL-ova lokalno hostiranim sredstvima , uklanjanje slika i korištenje inline slika (nije moguće u svim komponentama) i modificiranje vašeg CSP-a. Naša preporuka je da pažljivo pregledate vlastite sigurnosne politike i odlučite o najboljem putu naprijed, ako je potrebno.