按钮处于活动状态的引导导航栏 - 我无法清除它

Question

我有一个较旧的网站（Bootstrap 3.3.6），我为客户整理了一个，发现导航栏中的一个按钮被标记为活动状态，我似乎无法清除它。

它在视觉上看起来像这样：

Screenshot of issue with buttons

<div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav navbar-right">
                <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                <li class="hidden">
                    <a class="page-scroll" href="#page-top"></a>
                </li>
                <li>
                    <a class="page-scroll" href="#registration">REGISTRATION &amp; PROGRAMS</a>
                </li>                                    
                <li>
                    <a class="page-scroll" href="#coaches">OUR COACHES</a>
                </li>
                <li>
                    <a class="page-scroll" href="#contact">CONTACT</a>
                </li>                   
                <li>
                    <a href="https://www.facebook.com/groups/225011327510460/?fref=nf"><img src="img/FB-f-Logo50px.png" alt="Find us on Facebook!"></a>
                </li>
            </ul>
        </div>

当我在活动情况下查看它时，CONTACT 按钮显示如下：

<li class="active">
                    <a class="page-scroll" href="#contact">CONTACT</a>
                </li> 

CSS：

a   {
font-family: "HypatiaSansPro-Regular";
color:#CC3333;}

.btn    {
background-color: #CC3333;
outline-color: #CC3333;}

.btn:hover,
.btn:focus,
.btn.active {
background-color: #993333;
outline-color: #CC3333;} 

.contact-section {
padding-top: 100px;
padding-top: 100px;
padding-bottom: 50px;
text-align: center;
background: #eee;}

如果我更改按钮的顺序，对于任何最后一个按钮，我都会遇到相同的问题。

这是一个单页引导站点，该页面有 3 个锚点。如果有帮助，我可以发送相关网站的私人消息。

这是一个小问题，但确实让我感到困扰的是存在冲突并且我无法清除它。有什么反馈吗？

Answer 1

Bootstrap 添加了一个突出显示活动元素的类：

.navbar-nav>.active>a{
  color: #555;
  background-color: #e7e7e7;
}

您可以通过在引导程序的 css 之后加载的 css 样式表中放置具有所需值的相同选择器来覆盖该选择器。

.navbar-nav>.active>a{
  color: #777;
  background-color: transparent;
}

或者，您可以以某种方式删除.active 类。但我认为引导程序会自动添加。所以这可能会很麻烦。