Question

新人在这里，寻找答案，无法发现我做错了什么。

我的菜单在活跃的课程中正常工作＆＃34; normal＆＃34;菜单，但我找不到使父菜单成为＆＃34;活跃＆＃34;一。

！[下拉菜单bootstrap] [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 -->

我错过了什么？

我尝试了班级=＆＃34;活跃＆＃34;但没有好处：

<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">中添加“有效”一词，就像下面的代码一样：

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

Answer 3

删除data-toggle="dropdown"解决了我的问题。

Bootstrap下拉父菜单活动类

3 个答案: