无法覆盖默认的Bootstrap样式

Question

因此，我正在使用Bootstrap 3，并且菜单中具有nav-tabs元素。 nav-tabs的底部是边框，在Bootstrap中是默认边框。 我试图更改颜色甚至删除它，但是这些都不起作用。

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

.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;
   }