2014-09-18 102 views
1

因此,我使用引导程序3,我有nav-tabs元素的菜单。在nav-tabs的底部是一种在Bootstrap中默认的边框。我试图改变颜色或甚至删除它,但这些都没有工作。无法覆盖默认的引导程序样式

我试图重写其源代码看起来像这样的引导里边反属性:

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

也许这不是border的正确选择,所以这也可能是一个问题。

这里是项目的小提琴:http://jsfiddle.net/eenho5dw/

回答

2

您需要使用此选择:

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

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

+0

这是正确的答案,为你+1。如果你解释为什么会更好。谁投票给你,这将是惊人的阅读解释 – Devin 2014-09-18 18:58:35

+0

是的,这是有效的。谢谢! – 2014-09-18 19:02:27

-1

请使用这种风格

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

尝试 -

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

即使不工作,如果可能,尝试(建议,如果要申请加入内部样式CSS到一个或几个页面)。