Prilagodi
Naučite kako postaviti teme, prilagoditi i proširiti Bootstrap uz Sass, mnoštvo globalnih opcija, ekspanzivni sistem boja i još mnogo toga.
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:
- Koristeći Bootstrap preko menadžera paketa , tako da možete koristiti i proširiti naše izvorne datoteke.
- 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.
- Harmonika
- Dugme za zatvaranje (koristi se u upozorenjima i modalitetima)
- Polje za potvrdu obrazaca i radio dugmad
- Prekidači oblika
- Ikone za validaciju obrasca
- Odaberite menije
- Kontrole vrteške
- Dugmad za prebacivanje na Navbaru
Na osnovu razgovora u zajednici , neke opcije za rješavanje ovoga u vašoj vlastitoj bazi koda uključuju zamjenu URL-ova sa 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.