无法覆盖默认引导样式答案

【问题标题】：Cannot override default Bootstrap style无法覆盖默认引导样式
【发布时间】：2014-09-19 03:32:00
【问题描述】：

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

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

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

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

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

【问题讨论】：

【解决方案1】：

你需要使用这个选择器：

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

【讨论】：

【解决方案2】：

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

您需要定位正确的元素：

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

【讨论】：

【解决方案3】：

试试-

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

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

【讨论】：

【解决方案4】：

请使用这种风格

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

【讨论】：