导航栏折叠按钮不会展开

Question

因此，我刚开始在我的投资组合页面上工作（第二个项目，请保持温柔），一切进展顺利，直到我尝试使用折叠按钮来显示指向网页其他部分的链接。

这是有问题的代码：

<body>
<div class="row">
<div class="col-md-12">
  <div class="container">
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <a href="#" class="navbar-brand Logo" id="Logo">
      StruckCroissant
    </a>
      <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navHeaderCollapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
      <div class="collapse navbar-collapse navHeaderCollapse">
        <ul class="nav navbar-nav navbar-right" id="Nav-List">
          <li><a href="#">About Me</a></li>
          <li><a href="#">Projects</a></li>
          <li><a href="#">Contact Me</a></li>
        </ul>
      </div>
    </nav>
  </div>
</div>

然后这是我正在使用的自定义CSS：

 .Logo{ font-size:20px; color:white; font-family:Monospace; -webkit-transition:all ease 0.2s; -moz-transition:all ease 0.2s; -o-transition:all ease 0.2s; transition:all ease 0.2s; } #Logo:hover{ font-size:20px; color:green; font-family:Monospace; background-color:white; border-color:white } #Nav-List{ padding-right:30px; }

主要是我的问题是要使按钮展开并实际显示列表中的项目，但是目前，它所做的只是通过增加亮度来响应单击。

任何帮助表示赞赏！ 先感谢您！

Answer 1

我有一个类似的问题。 查看了html几次，并确定它是正确的。 然后，我开始尝试使用jquery和bootstrap javascript的顺序。

最初，我在jquery.min.js之前加载了bootstrap.min.js。 在这种状态下，单击菜单图标时菜单不会展开。

然后，我更改了顺序，使bootstrap.min.js紧随jquery.min.js之后，从而解决了问题。 我对javascript的了解不足，无法解释为什么这会导致问题（或解决问题），但这对我有用。

附加信息：

这两个脚本都位于页面底部，在标记之前。 这两个脚本都托管在CDN上，而不是本地托管。

如果您确定自己的代码正确无误，请尝试一下。

如果这不能解决您的问题，请按照下列步骤操作：

1- 在此处发布您的Plunker或Fiddle
2- 尝试使用自己的样式将此片段用于导航栏折叠示例，而不是您的示例

 <div class="collapse navbar-collapse">
              <ul class="nav navbar-nav navbar-right">
                <button id="loginbutton" type="button" class="btn btn-primary narbar-btn"><i class="glyphicon glyphicon-log-in"></i>Login</button>
                <button type="button" class="btn btn-success navbar-btn"><i class="glyphicon glyphicon-link"></i><a href="./register.jsp">Create account</a></button>
              </ul>
 </div>

导航栏折叠按钮不会展开

问题描述

1 个解决方案

解决方案1
0 2016-08-26 20:00:12

导航栏折叠按钮不会展开

问题描述

1 个解决方案

解决方案1 0 2016-08-26 20:00:12

解决方案1
0 2016-08-26 20:00:12