ios - iOS 上的 Bootstrap 导航栏问题

Question

我在个人网站上工作，我的导航栏在我的笔记本电脑上运行正常，但在 iOS 上出现了一些问题。在 OS X 上，导航栏显示每个 < li >作为一个单独的按钮，但在 iOS 上，导航栏在左侧显示“navbar-brand”按钮，然后在右侧显示一个似乎是下拉菜单的按钮。

我假设这个按钮是因为折叠 View ，因此会在下拉菜单中调出我的按钮。不幸的是，这只是一个死按钮，按下时没有任何反应，所以我无法访问原始按钮。

这是导航栏:

<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">Braden Katzman</a>
  </div>

  <div id="navbar" class="navbar-collapse collapse">
    <ul class="nav navbar-nav">
      <li class="active"><a href="index.html">Home</a></li>
      <li><a href="/templates/education.html">Education</a></li>
      <li><a href="/templates/workExperience.html">Work Experience</a></li>
      <li><a href="/templates/csSkills.html">CS Skills</a></li>
    </ul>
  </div><!--/.nav-collapse -->
</div>

有什么建议吗？提前致谢!

Answer 1

我看不到您的代码有任何错误。

您是否包括了 JQuery、Bootstrap JS 和 Bootstrap CSS？请记住，需要在 Bootstrap JS 之前包含 JQuery。