Navbar bootstrap3 - 如何更改活动项目样式

Question

我想更改活动项目的样式。除了标准的灰色边框的

我想添加一些像这样的。

有没有办法为这种修改？

Answer 1

我不知道你的代码是什么样子，但你可以做这样的事情

.navbar #nav > .active > a { 
    color: red; 
} 

或目标的类或ID，但是你想

Answer 2

添加CSS伪元素::before在活动类。

您可以调整颜色和位置。下面的示例代码。

a.nav-link.active::before { 
    content: ""; 
    height: 2px; 
    width: 10px; 
    background: #000; 
    left: 25px; 
    position: absolute; 
    top: 45px; 
}