Bootstrap 3折叠菜单不起作用(常见问题)

时间:2015-07-29 04:01:21

标签: twitter-bootstrap-3

我对小宽度屏幕的菜单有问题,即一旦它崩溃。当我点击"汉堡"符号。 我查看了与此相关的大部分帖子,但无法找到解决方案。从更改HTML到添加CSS,以调用不同的jquery脚本。 我正在使用" bootstrap-3.3.1"框架和" jquery / 1.11.2"脚本。 导航栏和脚本的代码如下所示:

<nav class="navbar navbar-default navbar-fixed-top normal" role="navigation">
  <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>
      </button>
      <a class="navbar-logo" href="#"><img class="img-responsive" src="img/logo.svg"></a>
    </div>
    <div id="navbar" class="collapse navbar-collapse">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="index.html">Home</a></li>
        <li><a href="services.html">Services</a></li>
        <li class="active"><a href="photos.html">Photos</a></li>
        <li><a href="contact.html">Contact</a></li>
      </ul>
    </div><!--/.nav-collapse -->
  </div>
</nav>


<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="../../dist/js/bootstrap.min.js"></script>

2 个答案:

答案 0 :(得分:1)

原因是因为我对“bootstrap.min”的引用不正确。应该是:

catch

或者如果使用链接(在本例中为3.3.5版):

void button_Click(object sender, EventArgs e)
{
  try
  {
    //Your code logic for custom formula
  }
  catch(Exception e)
  {
    //just throw or leave blank
  }
}

答案 1 :(得分:0)

要解决您的问题,您需要执行以下操作: -

添加版本为2.1.4的Jquery,因为要使用最新的Bootstrap版本3.3.1,您必须使用上面的Jquery最新版本。

希望在添加此jquery版本后,您的问题就会得到解决。

听到这个Jquery版本: - Jquery2.1.4