ブートストラップで選択した項目の背景を設定するブートストラップの親ナビゲーションオプションに似たメニューバー

Question

以下はブートストラップnavbarです。選択時にアクティブクラスの機能を持たせるためにnavbarメニューオプションを使いたかったのです。

<div class="navtop"> 
    <nav class="navbar navbar-default"> 
     <!-- Brand and toggle get grouped for better mobile display --> 
     <div class="navbar-header"> 
      <a class="navbar-brand" href="#">SPL</a> 
     </div> 

     <!-- Collect the nav links, forms, and other content for toggling --> 
      <ul class="nav navbar-nav"> 
      <li><a href="mainpage.php">Home </a></li> 
      <li><a href="createteam.php">Create Team </a></li> 
      <li><a href="pastscores.php">Past Scores</a></li> 
      </ul> 

    </nav> 
</div> 

現在、私はNAVリストにカーソルを合わせると、それは私がbootstrap.theme.cssで行った変更ごとに色を変更しますが、それはアクティブmenu.Pleaseはこれで私を助けているとき、それは残りません。

これらは、私はそれはあなたのCSSクラスの問題ではありませんが、メニューのいずれかをクリックするたびに、新しいクラスを割り当てる

.navbar-nav > li > a { 
    text-shadow: 0 1px 0 rgba(255, 255, 255, .25); 
} 
.navbar-nav> li > a:hover, 
.navbar-nav> li > a:focus { 
background-color: #e8e8e8; 
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #e8e8e8 100%); 
background-image:  -o-linear-gradient(top, #3c3c3c 0%, #e8e8e8 100%); 
background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#e8e8e8)); 
background-image:   linear-gradient(to bottom, #3c3c3c 0%, #e8e8e8 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); 
background-repeat: repeat-x; 
} 

Answer 1

をbootstrap.theme.cssするために行われた変更（activeを想定）していますそのそれぞれの<a>タグにjqueryのまたはJavaScriptを通って、同じクラスのスタイルを書く（すなわちactive）