Erstellen eines vertikalen Menüs mit Bootstrap?

Question

Ich versuche, ein vertikales Menü mit Bootstrap 3 zu erstellen. Das Problem ist, wenn ich einige Menüoptionen auswählen, ändert der Hintergrund nicht die Farbe und der Link nicht geöffnet, und ich denke, das Problem ist mit Attributdaten-Toggle = "Pille". Wenn ich dieses Attribut entferne, wird der Link geöffnet, aber die Hintergrundfarbe ändert sich nicht.

Wie könnte ich das lösen?

Versuch

<div class="panel panel-red"> 
     <div class="panel-body"> 
      <ul class="nav nav-pills nav-stacked"> 
       <li><a href="@Url.Action("Index", "Home")" data-toggle="pill" class="glyphicon glyphicon-home"> Home</a></li> 
       <li class="active"><a href="@Url.Action("Index", "Estado")" class="glyphicon glyphicon-align-justify"> Estados</a></li> 
       <li><a href="@Url.Action("Index", "Condado")" class="glyphicon glyphicon-th"> Condados</a></li> 
       <li><a href="#" class="glyphicon glyphicon-user"> Usuários</a></li> 
      </ul> 
     </div> 
    </div> 

Answer 1

Sie benötigen einige Möglichkeit, die active Klasse zu ändern. Zum Beispiel mit jQuery ...

$('.nav-stacked li').click(function(){ 
    $('.nav-stacked li').removeClass('active'); 
    $(this).addClass('active'); 
}); 

Dies auch auf der Server-Seite mit .NET, indem Klasse ‚aktiv‘

https://www.codeply.com/go/GvqxoWYMVU

getan werden könnte

Hier weitere Beispiele für Bootstrap vertikalen Menü das kann hilfreich sein: https://www.bootply.com/fe4AfcEnKD
https://www.bootply.com/uBoT3zP1P2