html - 如何从 Bootstrap 更改导航对齐的边框颜色？

Question

所以我正在使用 bootstrap 3 中的 nav-justified 和 nav tabs(一起)。边框对我来说太亮了，我想让它变粗或改变颜色。

第一次尝试

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

问题是我的选项卡的整个空间都被勾勒出来了。

接下来我尝试了

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

不，它只是默认执行，但对选项卡的任何更改(例如切换)都会删除该边框。

Answer 1

确保将 style.css 添加到 Bootstrap 样式表之后的 html 文档中，否则它不会覆盖 Bootstrap 样式。接下来使用开发人员工具查看导航边界。 Chrome 有一个非常好的，右键单击导航栏并选择检查元素。这将为您提供哪些样式处于事件状态以及哪些样式正在被覆盖的列表。给你导航栏一个 id 例如 id="myNav"然后使用 #mynav .nav-justified{ 覆盖 css 我的风格}。如果您可以发布您的 html 会有帮助。