Andrew
Andrew

Reputation: 20091

Twitter Bootstrap makes background image dissappear

In my main css file I have this:

background: url(/images/bg_1.jpg) repeat;

And it works fine, I have a background image showing. But when I include the bootstrap.min.css v3.1.1 file in the html (above my css file in the code), the background just goes white.

<link rel="stylesheet" type="text/css" href="/CSS/bootstrap.min.css" />

Any ideas why?

Upvotes: 0

Views: 40

Answers (1)

williamsandonz
williamsandonz

Reputation: 16430

Chances are the bootstrap.min.css contains a css declaration which has a higher specificity on the element(s) in question. Use firebug or the chrome inspector to look at the styles being applied to this element. You'll be able to see which css declration has a higher specificity and which has therefore overridden your main.css declaration.

Upvotes: 1

Related Questions