Bootstrap 下拉父菜单活动类

Question

这里的菜鸟，搜索答案，无法发现我做错了什么。

我的菜单在“正常”菜单的活动类中工作正常，但我找不到使父菜单成为“活动”菜单的解决方案。

![下拉菜单引导][1]

代码：

<!-- /.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 -->

我错过了什么？

我尝试了 class="active" 但效果不佳：

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

也许这是非常基本的，但是四处寻找答案却找不到。

非常感谢

Answer 1

我知道您发布此内容已经 6 个月了，但我有一个解决方案给您:)

我从 getbootstrap.com (http://getbootstrap.com/components/#navbar) 获得了这条标记，您所要做的就是在 <li class="dropdown"> 中添加“活动”一词，如下面的代码：

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

希望还不算太晚！

Answer 2

通过删除 data-toggle="dropdown" 为我解决了问题。

Answer 3

也许在 <ul> 元素上有 role="menu" 属性？

<!-- /.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 -->