Boostrap当搜索结果为空时无法展开导航栏

Question

我在努力理解为什么我的响应式导航栏折叠按钮无法展开。在这种情况下，我的网页是搜索结果页面。

http://uforest.org/search.php?user_query=test

当搜索结果为空（上图），导航栏崩溃不会打开。

http://uforest.org/search.php?user_query=mango

然而，当搜索结果得到的至少一个结果，例如上面的网址，导航栏折叠按钮可以扩展。

有谁知道这是为什么？

在我的navbar代码下面，我没有为所有其他页面使用问题。

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
     <div class="container"> 
      <!-- Brand and toggle get grouped for better mobile display --> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
        <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="index.php">Urban Forest</a> 
      </div> 
      <!-- Collect the nav links, forms, and other content for toggling --> 
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
       <ul class="nav navbar-nav"> 
        <li> 
         <a href="about.php">About</a> 
        </li> 
        <li> 
         <a href="recent_post.php">Plant Index</a> 
        </li> 
        <li> 
         <a href="http://uforest.blogspot.com" target="_blank">Blog</a> 
        </li> 
       </ul> 
      </div> 
      <!-- /.navbar-collapse --> 
     </div> 
     <!-- /.container --> 
    </nav> 

Answer 1

我检查了你的两个链接。

在"http://uforest.org/search.php?user_query=test"你不包括bootstrap.min.js

您可以检查它在这里：查看源代码：http://uforest.org/search.php?user_query=test

实际上，你缺少下列文件

<!-- jQuery --> 

<script src="/js/jquery.js"></script> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 

<!-- Bootstrap Core JavaScript --> 
<script src="/js/bootstrap.min.js"></script> 

它们已经在view-source：http://uforest.org/search.php?user_query=mango

只是包括它，它会工作。

玩得开心