Question

我正在个人网站上工作，我的导航栏在我的笔记本电脑上正常运行，但它在iOS上遇到了一些问题。在OS X上，NavBar会将每个< li >显示为一个单独的按钮，但在iOS上，导航栏会显示＆＃34; navbar-brand＆＃34;按钮位于左侧，然后是一个按钮，似乎是右侧的下拉菜单。

我认为这个按钮是因为折叠视图，因此会在下拉菜单中显示我的按钮。不幸的是，这只是一个死按钮，按下时没有任何东西出现，所以我无法访问原始按钮。

这是导航栏：

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

iOS上的Bootstrap导航栏问题

1 个答案: