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>

也许这是非常基本的,但寻找答案,无法找到aby.

非常感激

Answer 1

我知道你发布这个已经有6个月了,但我有一个解决方案:)

我从getbootstrap.com(http://getbootstrap.com/components/#navbar)获得了这个标记,你所要做的就是在<li class="dropdown">下面的代码中添加"active"这个词:

<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

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

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