[youheardit]

Ursprungligen postat av jockenybro

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:

body .navbar { background-color: white; }

[jockenybro]

Ursprungligen postat av youheardit

Ä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:

body .navbar { background-color: white; }

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.

[youheardit]

Ursprungligen postat av jockenybro

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.