bootstrap 3导航栏折叠按钮不起作用
我在导航栏中做了一些修改，但是现在切换按钮在单击时没有响应。下面是我的代码。我哪里错了??
码：
<body>
<div class="navbar-wrapper">
<div class="container">
<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<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>
</button>
<a class="navbar-brand" href="./index.html">ossoc</a>
</div>
<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>
</div>
</div>
</div>
</div>
问题答案：
您需要更改此标记
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar collapse">
改变
data-target=".navbar collapse"
至
data-target=".navbar-collapse"
原因：的值data-target是关联的nav div的任何类名。在这种情况下
<div class="collapse navbar-collapse"> <-- Look at here
<ul class="nav navbar-nav navbar-right">
.....
</div>
-
问题内容： 这是我简单的导航栏： 我只是想防止这种情况崩溃，因为我不需要它，怎么办？ 我想避免编写30万行CSS来覆盖默认样式。 有什么建议吗？ 问题答案： 经过仔细检查，没有30万行，但是您需要覆盖大约3-4个CSS属性： 这样，您的菜单就不会折叠。 说明 四个CSS属性分别执行以下操作： 引导程序中的默认属性隐藏平板电脑（风景）和电话菜单的右侧，而是显示一个切换按钮以隐藏/显示它。因此，此属性
-
本文向大家介绍jquery mobile实现可折叠的导航按钮，包括了jquery mobile实现可折叠的导航按钮的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了jquery实现可折叠的导航按钮的具体代码，供大家参考，具体内容如下 功能： 当功能较多时，创建可折叠分组导航按钮。只需指定 data-role=" collapsible "创建可折叠面板 代码分析：
-
我正在开发一个android项目，我正在尝试使用来自http://developer.android.com/training/implementing-navigation/nav-drawer.html.的示例集成新的导航抽屉 它主要工作除了一件事，动作栏向上按钮不显示菜单，但如果我用手指从边缘滑动主活动屏幕，菜单就会出现，所以我知道实际菜单没有问题，它只是动作栏按钮。 下面是代码 感谢您提供
-
当导航栏崩溃时，我想让我的搜索栏可见。 我的代码：http://jsfiddle.net/edalzell/a3yng825/1/折叠时工作，但展开时显示两个搜索栏。 HTML:
-
问题内容： 我正在尝试使用Bootstrap 4实现导航栏。当前，当视口缩小到移动尺寸时，导航栏会正确折叠。但是，当尝试切换菜单时，没有任何反应。jsFiddle示例演示了此行为。我也附上了HTML。 我已采取的步骤： 删除所有自定义CSS 确保jQuery链接位于Bootstrap JS文件之前 页眉和页脚中的脚本标签 复制并粘贴Bootstrap文档中的确切示例（我得到的行为相同） 确保JS在
-
我使用Bootstrap4创建了这个可折叠的导航栏，它工作得很好，但我希望在用户单击链接时关闭它。有办法吗？谢谢 html导航栏： css用于。图标栏，因为引导程序4不使用图标栏类。