Prilagodite
Naučite kako tematizirati, prilagoditi i proširiti Bootstrap sa Sassom, mnoštvom globalnih opcija, ekspanzivnim sustavom boja i više.
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:
- Korištenje Bootstrapa putem upravitelja paketa kako biste mogli koristiti i proširiti naše izvorne datoteke.
- 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.
- Harmonika
- Kontrole vrtuljka
- Gumb za zatvaranje (koristi se u upozorenjima i modalima)
- Potvrdni okviri obrazaca i radio gumbi
- Prekidači oblika
- Ikone za provjeru valjanosti obrazaca
- Gumbi za prebacivanje na navigacijskoj traci
- Odaberite izbornike
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.