Bootstrap dropdown menu parent actif de la classe

Rookie ici, la recherche de réponse et ne peut pas découvrir ce que je fais de mal.

Mon menu fonctionne très bien dans la classe active "normaux", des menus, mais je ne trouve pas de solution pour rendre le menu parent "active".

![menu déroulant bootstrap][1]

Le code:

<!-- /.abre dropdown -->
<li class="dropdown">
  <a data-toggle="dropdown" class="dropdown-toggle" href="#">O Que Fazer</a>
  <ul class="dropdown-menu">
    <li><a href="<?php bloginfo('url'); ?>/sem-sair-de-carro/">Sem Sair de Carro  <i class="icon-arrow-right"></i></a>
    <li><a href="<?php bloginfo('url'); ?>/de-carro-a-menos-de-15-minutos/">De Carro a Menos de 15 Minutos </a></li>
    <li><a href="<?php bloginfo('url'); ?>/usando-o-carro/">Usando O Carro </a></li>
  </ul>
</li>
<!-- /fecha dropdown -->

Ce qui me manque?

J'ai essayé la classe="active", mais pas une bonne:

<a data-toggle="dropdown" class="dropdown-toggle" class="active" href="#">O Que Fazer</a>

Peut-être que ce est assez basique, mais cherché une réponse et ne peut pas trouver aby.

Beaucoup apprécié

OriginalL'auteur beluoso | 2014-02-17

  1. 11

    Je sais que ça fait déjà 6 mois depuis que vous avez posté, mais j'ai une solution pour vous 🙂

    J'ai eu cette pièce de la marque vers le haut à partir de la getbootstrap.com (http://getbootstrap.com/components/#navbar) et tout ce que vous avez à faire est d'ajouter le mot "actif" dans le <li class="dropdown"> comme le code ci-dessous:

    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
   <ul class="nav navbar-nav">
       <li><a href="#">Link</a></li>
       <!--<li class="dropdown">-->
       <li class="dropdown active">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Industries <span class="caret"></span></a>
           <ul class="dropdown-menu" role="menu">
               <li><a href="#">Link1</a></li>
               <li><a href="#">Link2</a></li>
           </ul>
       </li>
   </ul>
</div>

    J'espère qu'il n'est pas trop tard!

    m'a aidé aussi (avec bootstrap v3)

    OriginalL'auteur jonprasetyo

  2. 0

    Peut-être avec l'attribut : role="menu" sur le <ul> élément ? 

    <!-- /.abre dropdown -->
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" href="#">O Que Fazer</a>
<ul class="dropdown-menu" role="menu">
    <li>
        <a href="<?php bloginfo('url'); ?>/sem-sair-de-carro/">Sem Sair de Carro  <i class="icon-arrow-right"></i></a>
    </li>
    <li>
        <a href="<?php bloginfo('url'); ?>/de-carro-a-menos-de-15-minutos/">De Carro a Menos de 15 Minutos </a>
    </li>
    <li>
        <a href="<?php bloginfo('url'); ?>/usando-o-carro/">Usando O Carro </a>
    </li>
</ul>
</li>
<!-- /fecha dropdown -->
    Je peux faire la liste déroulante changer de couleur, mais je ne peux pas le parent à changer de couleur tout en "actif". Voici une image: imgur.com/wUKrMKQ . Il doit être dans le data-toggle="dropdown" partie du menu, à droite?
    <data-toggle="dropdown"class="btn dropdown-toggle" href="#"> O Que Fazer <span class="caret"></span> </a>
    Qui ouvre un signe à côté de la "o que fazer" parent... mais pas encore de "l'activation" du menu parent lors de l'ouverture de l'un des menus déroulants.
    Au lieu d'un <li class="dropdown"> essayer <div class="btn-group">. Normalement btn-groupe classe CSS ont une propriété "active"
    Merci, mais pas de chance. Cela signifie que il n'y a pas moyen d'avoir un menu parent actif avec des <li class="dropdown">?

    OriginalL'auteur Antoine Subit

  3. 0

    En supprimant data-toggle="dropdown" résolu le problème pour moi.

    OriginalL'auteur user9247075