Hjälp med Bootstrap-meny
 

Hej! Vi gör en hemsida åt vår kommuns museum och undrar hur vi kan ändra hur menyn i Bootstrap ser ut? Vart ligger css-koden för detta? Vi har letat och testat runt men får inget direkt resultat. Vi använder Umbraco CMS eftersom de ville det.

Tacksam för svar! :)

Sök efter .navbar

Är ju inte svårare än att inspektera elementet och leka runt lite i dev tools? :)

Ett tips är att använda antingen

https://www.mozilla.org/sv-SE/firefox/developer/

eller

Firefox och https://addons.mozilla.org/sv-se/firefox/addon/firebug/

Och till Chrome finns det en inbyggd funktionalitet som fungerar bra. Du ser direkt vilka filer css-reglerna ligger i.

Använder du bootstrap.css eller den minifierade versionen bootstrap.min.css?

Du kan använda både chromes eller firefox inbyggda utvecklar-verktyg, då kan du testa dig fram till vilken klass du behöver ändra i och om du t.ex. kör Bootstrap via CDN så kan du bara skapa dig en ny css-fil och "overrida" standard-stylingen.

Även om du har bootstrap lokalt så borde du inte redigera just den filen. Skapa alltid en ny css-fil och overrida. Bootstrap är byggt så att du ska kunna göra detta enkelt genom att antingen ladda in din nya css efter bootstrap eller helt enkelt lägga till "body" framför regeln, ex i detta fallet:

Som du skriver, det är att föredra i det flesta fall, dock så är det bättre ur prestandasynpunkt att enbart ladda en CSS-fil och enbart använda sig utav de element man faktiskt behöver. Men det går ju även att lösa med t.ex. minify/combine-hjälpmedel.

Precis, ska du sikta på prestanda så är det ju en minifier och combiner som gäller. Sen ha två separata filer i lokal miljö ifall du skulle behöva uppdatera bootstrap utan att behöva göra samma steg igen. :)