引導：更改活動菜單項背景

如何在選擇定位點時在此代碼段更改導航的背景顏色？我只想在導航鏈接下有一個邊框底部。引導：更改活動菜單項背景

這是代碼：

<!-- 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不客氣。 –

引導：更改活動菜單項背景

回答

相關問題