引导：更改活动菜单项背景

如何在选择定位点时在此代码段更改导航的背景颜色？我只想在导航链接下有一个边框底部。引导：更改活动菜单项背景

这是代码：

<!-- Navigation --> 
<nav class="navbar navbar-default navbar-fixed-top"> 
    <div class="container"> 
     <!-- Brand and toggle get grouped for better mobile display --> 
     <!-- Collect the nav links, forms, and other content for toggling --> 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
      <ul class="nav navbar-nav navbar-left"> 
       <li class="hidden"> 
        <a href="#page-top"></a> 
       </li> 

       <li class="page-scroll"> 
        <a href="#">Home</a> 
       </li> 
       <li class="page-scroll"> 
        <a href="#ark">Nav 2</a> 
       </li> 

       <li class=""> 
        <a href="/table.html">Nav 3</a> 
       </li> 

       <li class="page-scroll"> 
        <a href="#ausstattung">Nav 4</a> 
       </li> 

       <li class="page-scroll"> 
        <a href="#lage">Nav 5</a> 
       </li> 

       <li class="page-scroll"> 
        <a href="#contact">Nav 6</a> 
       </li> 

       <li class="page-scroll"> 
        <a href="#kontakt">Nav 7</a> 
       </li> 

      </ul> 
      <a class="navbar-brand" href="#page-top"></a> 

     </div> 
     <!-- /.navbar-collapse --> 
    </div> 
    <!-- /.container-fluid --> 
</nav>

来源

2016-01-24 a.c

适合我。 –

@PraveenKumar如何改变这种颜色，并把边框底部？ –

我为你解决了它。好心检查。 –

现在我明白。更改以下行：

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { 
    color: #ffffff; 
    background-color: #1a242f; 
}

要这样：

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { 
    color: #ffffff; 
    border-bottom: 2px solid #1a242f; 
    background: none; 
}

这可以在bootstrap.min.css找到。如果你不想编辑它，只需在最后添加上面的代码。

来源

2016-01-24 10:29:45

这就是答案:) –

@ a.c不客气。 –

引导：更改活动菜单项背景

回答

相关问题