Comment puis-je laisser les cliqué nav-pilule reste actif à l'aide de bootstrap?

Ci-dessous comment j'ai créé un menu de liens de mon site web en utilisant Bootstrap 3.1.0. Je veux sélectionnés nag-pilule pour rester actif/select lorsque le lien est cliqué. Actuellement, la définition placez-la couleur a disparu après que le lien est cliqué. Est-il un moyen pour que la pilule de rester actif après avoir cliqué?

<ul id="menu_area" class="nav nav-pills nav-justified custom">
    <li><a href="#/knowing_us" id="menu_text">one</a></li>
    <li><a id="menu_text">two</a></li>
    <li><a id="menu_text">three</a></li>                                                    
</ul>

===Mise à jour===

Je suis tout nouveau sur JS et du développement web. Le code que j'essaie de suivre Twitter Bootstrap tutoriel est ici: http://jsfiddle.net/Dy9e6/

Je veux juste cliqué sur le nag-pilule pour montrer que "sélectionné" ou "mis en évidence" après clic de l'utilisateur sur l'un de la pilule/onglet.

  • Votre question n'est pas clair pour moi. Peut-être créer une démonstration à l'jsfiddle.net pour montrer le problème.
  • isherwood, merci pour me présenter jsfiddle.net. Je viens de poster mon code comme dans le lien que j'ai ajouté à mon post.
InformationsquelleAutor Kann | 2014-02-09
  1. 13

    Vous devez d'abord ajouter par défaut class="active" vers le premier élément.

    Deuxièmement, vous devez ajouter data-toggle="tab" à la <a /> élément. Voir la docs

    Votre code devient:

    <ul id="menu_area" class="nav nav-pills nav-justified custom">
    <li class="active"><a href="#knowing_us" data-toggle="tab" id="menu_text">one</a></li>
    <li><a href="#knowing_us2" data-toggle="tab" id="menu_text">two</a></li>
    <li><a href="#knowing_us3" data-toggle="tab" id="menu_text">three</a></li>                                                    
</ul>

    Démo

    • C'est une manière élégante! bien que je suis incapable de reproduire à l'aide de Bootstrap 4.
    InformationsquelleAutor Rahil Wazir