如何在导航栏效果时删除悬停效果

Question

导航栏效果时如何删除悬停效果

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
  <ul class="nav navbar-nav navbar-right">
    <li><a href="#">BUSINESS EXCHANGE</a></li>

    <li><a href="#">DIRECTORY</a></li>
    <li><a href="#">LEO STORE</a></li>
    <li><a href="#">CONVENTION</a></li>
  </ul>
</div><!-- /.navbar-collapse -->

#logo {
    height: 115px;
    margin-left: 95%;
    margin-top: -13px;
}

.navbar {
    position: relative;
    min-height: 47px;
    margin-bottom: 0px;
    border: 1px solid transparent;
    height: 120px;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7;
    margin: -102px 62px 0px 192px;
}

Answer 1

您可以在引导程序文件中删除导航栏上的悬停效果。

否则你可以这样做：

.navbar:hover {
  background-color: transparent;
  color: #999999;
}

在核心引导程序CSS文件之后添加以下CSS。