我如何从引导改变导航对齐的边框颜色

Question

所以我从bootstrap 3中使用nav-justified和nav制表符(一起)。这个边框对我来说太亮了，我想把它变粗一点或者改变一下颜色。

第一次尝试

.nav-justified
{
border: 4px solid black;
}

问题是，我的制表符的整个空间被概述。

Next I try

.nav-tabs.nav-justified>.active>a
{
    border: 4px solid black;
}

不，它只是在默认情况下这样做，但任何更改选项卡(例如切换)都会擦除该边框。

Answer 1

确保你的style.css被添加到你的html文档之后的引导样式表，否则它将不会覆盖引导样式。接下来，我们来看看使用开发工具的导航栏。Chrome有一个很好的方法，右键单击导航栏，选择inspect element。这将给你一个列表，显示哪些样式是活动的，哪些样式被重写了。给你的导航栏一个id，例如id="myNav"然后用# myNav .nav-justified{覆盖css我的风格}。如果你能发布你的html，那将会有帮助。