Cannot override default Bootstrap style

Question

So, I'm using Bootstrap 3 and I have nav-tabs element for the menu. In the bottom of the nav-tabs is sort of a border which is default in Bootstrap. I tried to change the color or even delete it but none of these is working.

I tried to override tthe property in the Bootstrap which in the source code looks like this:

.nav-tabs { border-bottom: 1px solid #ddd; }

Maybe this is not the correct selector of that border, so this could also be a problem.

Here is the fiddle of project: http://jsfiddle.net/eenho5dw/

marcelo2605 · Accepted Answer · 2014-09-18 18:56:48Z

2

You need to use this selector:

.nav-tabs.nav-justified>li>a {
   border-bottom: 1px solid #000;
}

http://jsfiddle.net/eenho5dw/3/

answered Sep 18, 2014 at 18:56

marcelo2605

2,8045 gold badges32 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Devin Over a year ago

this is the correct answer, +1 for you. It would be better if you explained why. And whoever voted you down, it would be amazing to read the explanation

Arbel · Accepted Answer · 2014-09-18 18:58:26Z

1

Demo http://jsfiddle.net/eenho5dw/6/

You need to target the correct elements:

.nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #0f0;
}

answered Sep 18, 2014 at 18:58

Arbel

31.1k2 gold badges31 silver badges31 bronze badges

Comments

Domain · Accepted Answer · 2014-09-18 19:15:04Z

0

Try -

.nav-tabs { border-bottom: 1px     solid #ddd !important; }

Even if it doesn't work, try adding internal style if possible (recommended, if have to apply css to one or few pages).

answered Sep 18, 2014 at 19:15

Domain

11.8k3 gold badges26 silver badges45 bronze badges

Comments

πάντα ῥεῖ · Accepted Answer · 2014-09-18 19:32:00Z

-1

Please use this style

  .nav-tabs {
   border-bottom: 1px solid #000 !important;
   }

edited Sep 18, 2014 at 19:32

πάντα ῥεῖ

88.9k13 gold badges125 silver badges199 bronze badges

answered Sep 18, 2014 at 18:56

ram

2531 silver badge5 bronze badges

Collectives™ on Stack Overflow

Cannot override default Bootstrap style

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related