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>

也许这很基础，但我搜索了答案，却找不到任何东西。非常感谢。

- beluoso

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>

我希望现在不会太晚了！

- jonprasetyo

---

也帮助了我（使用Bootstrap v3）。 - Stef Hej

它对我在Bootstrap v3方面也有帮助。 - Rahmad Saleh

Answer 2

也许可以在 <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 -->

- Antoine Subit

---

我可以让下拉菜单改变颜色，但是我无法在“活动状态”下使父级改变颜色。这是一张图片：http://imgur.com/wUKrMKQ。它必须在菜单的data-toggle="dropdown"部分中实现，对吗？ - beluoso

<a data-toggle="dropdown" class="btn dropdown-toggle" href="#"> 该做什么 <span class="caret"></span> </a> - Antoine Subit

那会在“o que fazer”父级旁打开一个标志...但是仍然无法在打开下拉菜单之一时“激活”父菜单。 - beluoso

不要使用<li class="dropdown">，而是尝试使用<div class="btn-group">。通常，btn-group CSS类具有“active”属性。 - Antoine Subit

谢谢，但没有运气。这意味着无法使用<li class="dropdown">激活父级菜单？ - beluoso

我有同样的问题，不知道是否有人在此期间解决了它？ - Tom

Answer 3

通过移除 data-toggle="dropdown"，问题得到了解决。

- user9247075