我在一个元素上使用 Bootstrap,我有以下 HTML(当前可见 here ):

<nav class='navbar navbar-default' role='navigation'>
  <div class='navbar-header'>
    <button class='navbar-toggle' data-target='#header-navbar' data-toggle='collapse' type='button'>
      <span class='sr-only'>Toggle navigation</span>
      <span class='icon-bar'></span>
      <span class='icon-bar'></span>
      <span class='icon-bar'></span>
    </button>
    <a class="navbar-brand" href="http://ea-skillshare.herokuapp.com/">Sharing Is Caring</a>
  </div>
  ...
</nav>

如果您尝试单击带有“分享就是关怀”字样的链接,则什么也不会发生。但是,如果您使用 Tab 键突出显示它,然后按 Enter,则可以选择链接并导航到它指向的 URL:

该链接在菜单折叠时也有效,如下所示:

我怎样才能让链接一直工作?

最佳答案

您的代码告诉我您正在尝试使用 Bootstrap 3,而 Heroku 上的应用程序似乎包含 Bootstrap 2.3.2。如果您能够将站点上加载的 css/js 文件更新为 BS 3,那么您应该很高兴。

关于html - 为什么导航栏品牌链接只有在导航栏折叠时才能点击?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19969162/

10-12 12:26
查看更多