html - Bootstrap 3.3.7 下拉只有一个链接可点击

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

最佳答案

dropdown-toggle 中删除 href="#" 应该可以修复它

To keep URLs intact with link buttons, use the data-target attribute instead of href="#" dropdowns via data attributes

我相信 href 属性正在为下拉菜单分配目标 # 导致它不起作用。

关于html - Bootstrap 3.3.7 下拉只有一个链接可点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49162430/

相关文章:

html - 第二次单击时,Bootstrap 折叠菜单切换不会取消焦点

javascript - 如何根据当前输入值在 Bootstrap 3 日期/时间选择器中设置默认日期,以便在首次使用时显示

php - 在浏览器中保存 css 文件以备将来使用

javascript - 禁用第二个子单选按钮,然后选择 1 个选项,反之亦然

javascript - 减少按钮 HTML/CSS 中的文本

具有 2 个叠加层的 CSS Skew

html - 在 Foundation 中更改顶部栏的颜色?

asp.net - 从回发的 URL 中删除#FragmentIdentifier

html - css 菜单抖动

javascript - html中的几个框控件