Hintergrund für ausgewähltes Element in BootStrap einstellen Menüleiste ähnlich der übergeordneten Nav-Option in Bootstrap

Question

Unten ist die Bootstrap-Navigationsleiste, die ich navbar Menüoptionen haben wollte, um die Funktionen der aktiven Klasse zu haben, wenn sie ausgewählt ist.

<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> 

Zur Zeit, als ich über die nav Liste schweben ändert es seine Farbe gemäß den Änderungen, die ich in bootstrap.theme.css gemacht, aber es bleibt nicht, wenn es die aktive menu.Please mir ist mit diesem helfen.

Dies sind die Änderungen, die ich

.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

Es ist nicht ein Problem mit dem CSS-Klasse bootstrap.theme.css gemacht, aber wenn Sie auf einem Menü klicken, zuweisen neue Klasse (nehme active) durch jquery oder javascript zu diesem jeweiligen <a> Tag und schreiben Sie einen Stil für eine gleiche Klasse (dh active)