twitter-bootstrap Bootstrap 下拉父菜单活动类
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/21829835/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Bootstrap dropdown parent menu active class
提问by beluoso
Rookie here, searched for answer and can't discover what i am doing wrong.
新手在这里，搜索答案，但无法发现我做错了什么。
My menu works fine in active class on "normal" menus, but I cannot find the solution to make the parent menu a "active" one.
我的菜单在“普通”菜单的活动类中工作正常，但我找不到使父菜单成为“活动”菜单的解决方案。
![dropdown menu bootstrap][1]
![下拉菜单引导][1]
The 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 -->
What am I missing?
我错过了什么？
I tried the class="active" but no good:
我试过 class="active" 但不好：
<a data-toggle="dropdown" class="dropdown-toggle" class="active" href="#">O Que Fazer</a>
Maybe this is quite basic, but searched around for an answer and cannot find aby.
也许这是非常基本的，但四处寻找答案却找不到答案。
Much appreciated
非常感激
回答by jonprasetyo
I know it has been 6 months since you posted this, but I have a solution for you :)
我知道你发布这个已经 6 个月了，但我有一个解决方案给你:)
I have got this piece of mark up from the getbootstrap.com (http://getbootstrap.com/components/#navbar) and all you have to do is add the word 'active' in the <li class="dropdown">like the code below:
我从 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>
I hope it is not too late!
我希望现在还不算太晚！
回答by Antoine Subit
Maybe with the attribut : role="menu"on the <ul>element ?
也许有属性：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 -->
回答by user9247075
By removing data-toggle="dropdown"solved the problem for me.
通过删除data-toggle="dropdown"为我解决了问题。
