Bootstrap 3.3.7下拉列表只有一个链接可点击

时间:2018-03-07 22:41:46

标签: html css twitter-bootstrap-3

当我打开下拉菜单时,只有Home标签可以点击。其余的行为就像普通文本......

<nav class="navbar">
    <ul class="nav navbar-nav ">
      <li class="aktivan"><a href="#">Home</a></li>
      <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu
        <span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a href="#">Cakes</a></li>
          <li><a href="#">Muffins</a></li>
          <li><a href="#">Coffee</a></li>
        </ul>
      </li>
      <li><a href="#">About us</a></li>
      <li><a href="#">Orders</a></li>
    </ul>
</nav>

1 个答案:

答案 0 :(得分:1)

href="#"中删除dropdown-toggle应修复

  

要使用链接按钮保持URL不变,请使用data-target属性而不是href =&#34;#&#34;   dropdowns via data attributes

我认为href属性为下拉列表分配了目标#,导致其无效。