响应式导航栏无法正常工作

试图让我的响应式导航栏/标题栏正常工作。但是当我在手机大小的屏幕上单击图标显示菜单时，没有任何反应。响应式导航栏无法正常工作

要解释好一点，我想做一个导航栏有点像这样：http://getbootstrap.com/components/#navbar

这里是我的代码：使用

<!-- HEADER/NAVBAR --> 
<nav class="navbar navbar-default" role="navigation"> 
    <!-- Brand and toggle get grouped for better mobile display --> 
    <div class="navbar-header"> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 
     <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="#"><img src="Images\O3_square_mid.gif"></a> 
    </div> 

    <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation"> 
     <ul class="nav navbar-nav"> 
     <li class="active"> 
      <a href="#">Analysstatus</a> 
     </li> 
     <li> 
      <a href="#">Aktiva kunder</a> 
     </li> 
     </ul> 
    </nav> 
    </nav> 
    <!--HEADER/NAVBAR -->

唯一的JavaScript IM是
SRC =“引导-3.0.0/dist/js/bootstrap.min.js“

不知道我是否需要jQuery，但是我尝试过使用它，但没有发生。

来源

2013-10-29 Jacco

Bootstrap中的所有JavaScript插件都需要JQuery才能工作。 [Bootstrap Docs]（http://getbootstrap.com/getting-started/）我发现从包含JQuery链接的入门模板开始很有帮助。 [Bootstrap Template]（http://getbootstrap.com/getting-started/#template）希望有帮助！ – Nathan

谢谢，但它的模板，我已经使用过，我试过和没有jQuery，将记住，我需要jQuery的这些东西虽然，即使它需要永远加载页面... – Jacco

你包括内联文件或链接到托管回购？ jquery不应该减慢你的加载时间太多。你在抓取.min版本的文件吗？ – Nathan

更改切换按钮：

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
</button>

文档引用navbar-ex1-collapse作为目标，但这只是对文档相关。

演示：http://bootply.com/90771

来源

2013-10-29 17:08:42 ZimSystem

试过这个，仍然没有按预期工作。问题依旧，当我缩小屏幕或在屏幕较小的设备上查看时，我得到的按钮应该折叠成一个菜单，但是当我点击它时什么也没有发生。 – Jacco

你是说你的代码不工作或Bootply无法在较小的屏幕上工作？另外，你使用的是什么浏览器/设备？ – ZimSystem

添加作为回答我的评论：
当使用Rails或加载插件和依赖的另一个框架，确保问题不在于你的项目的依赖解析。将引导程序包含在插件依赖项中。例如，在Ruby中，你要安装下列内容：

gem install twitter-bootstrap-rails

这将确保引导正常工作。

来源

2013-10-29 20:16:25 Nathan

响应式导航栏无法正常工作

回答

相关问题