Calling a custom css after bootstrap doesn't change it?

Question

Here is my simple code

<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/sub-cat.css">

I don't know what's exactly wrong, I wanna change "Caption" class of bootstrap I wrote my code in "sub-cat.css" and when I see the inspect elements my changes didn't apply !

This [Answer](http://stackoverflow.com/questions/20721248/best-way-to-override-bootstrap-css) will help you to understand complete theory. — ZP Baloch, Feb 06 '17 at 08:19

Marcel Schmid · Accepted Answer · 2017-02-06T08:24:40.860

2

I make a guess, that bootstrap uses more specific selectors than you.

Like: .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;}

vs

.container{width:940px;}

if this is the case, just make sure you use the same or more precise selectors.

Another way is to use !important, but thats not the best way to go!

edited Feb 06 '17 at 08:24

answered Feb 06 '17 at 08:17

Marcel Schmid

424
2
15

score 1 · Answer 2 · answered Feb 06 '17 at 08:27

1

use !important .. for example:

element{color: red !important}

answered Feb 06 '17 at 08:27

A7S

141
1
8

Calling a custom css after bootstrap doesn't change it?

2 Answers2