无法覆盖默认的Bootstrap样式

Question

所以，我使用Bootstrap 3并且菜单中有nav-tabs个元素。在nav-tabs的底部是一种在Bootstrap中默认的边框。我试图改变颜色甚至删除它，但这些都没有用。

我试图覆盖Bootstrap中的属性，源代码中的属性如下所示：

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

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

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

Answer 1

您需要使用此选择器：

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

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

Answer 2

演示 http://jsfiddle.net/eenho5dw/6/

您需要定位正确的元素：

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

Answer 3

尝试 -

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

即使它不起作用，如果可能的话尝试添加内部样式（建议，如果必须将css应用于一个或几个页面）。

Answer 4

请使用这种风格

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