BootStrap导航栏-单击时折叠按钮不起作用
BootStrap导航栏是一种常用的前端开发工具，用于创建响应式的网页导航栏。在导航栏中，通常会包含一个折叠按钮，用于在小屏幕设备上折叠和展开导航菜单。如果单击时折叠按钮不起作用，可能是由于以下几个原因：
- 引入的BootStrap库版本不兼容：确保使用的是最新版本的BootStrap库，并且与其他库或框架没有冲突。
- 缺少必要的JavaScript文件：导航栏的折叠按钮需要依赖BootStrap的JavaScript组件。请确保在页面中正确引入了BootStrap的JavaScript文件。
- 错误的HTML结构：检查导航栏的HTML结构是否正确。折叠按钮通常需要包裹在一个具有特定class的元素中，并且与导航菜单相关联。
- 自定义样式或脚本的冲突：如果在页面中使用了自定义的CSS样式或JavaScript脚本，可能会与BootStrap的功能产生冲突。尝试暂时移除自定义代码，看是否能解决问题。
如果以上方法都无法解决问题，可以尝试以下步骤：
- 查看浏览器控制台：在浏览器中打开开发者工具，查看控制台是否有任何错误信息。根据错误信息进行排查和修复。
- 检查其他JavaScript库的冲突：如果页面中使用了其他JavaScript库，可能会与BootStrap的功能产生冲突。尝试暂时移除其他库，逐个排查是否有冲突。
- 参考BootStrap官方文档和示例：BootStrap官方文档提供了详细的使用说明和示例代码。可以参考官方文档中的导航栏部分，检查自己的代码是否有遗漏或错误。
推荐的腾讯云相关产品：腾讯云提供了丰富的云计算产品和服务，包括云服务器、云数据库、云存储等。对于前端开发和部署，可以使用腾讯云的云服务器（CVM）来搭建和托管网站，使用云数据库（CDB）来存储数据，使用对象存储（COS）来存储静态资源。此外，腾讯云还提供了云函数（SCF）和云开发（TCB）等服务，用于支持服务器端的逻辑处理和云原生应用开发。
腾讯云产品介绍链接地址：
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云数据库（CDB）：https://cloud.tencent.com/product/cdb
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf
- 腾讯云云开发（TCB）：https://cloud.tencent.com/product/tcb
请注意，以上答案仅供参考，具体解决方法可能因实际情况而异。在解决问题时，建议参考官方文档、搜索引擎和开发者社区等资源，以获取更准确和全面的帮助。
相关·内容
正如标题中所述，当我单击导航栏按钮时，导航栏不会折叠，但会保持打开状态。 之前我遇到了数据切换的问题，你必须在bootstrap 5中进行数据切换，我解决了这个问题。 但是这个问题我也找不到任何答案。 当我在devTools中检查<div class ="collapse navbar-collapse" id="navbar">时，它在单击时更改为<div class ="navbar-collapse collapse show" id="navbar">。当我单击按钮折叠导航栏时，它会显示正在折叠，
浏览 62提问于2021-03-16得票数 1
回答已采纳
13回答
我正在使用Bootstrap响应式导航栏。当导航栏折叠时，当我打开菜单并单击菜单项时，菜单不会自动关闭，我必须手动关闭。
是否可以在单击其中一个按钮后使菜单自动关闭？
浏览 14提问于2013-01-10得票数 40
回答已采纳
1回答
Bootstrap的导航栏下拉菜单有两个问题。首先，导航栏中的下拉列表在每个页面上都不起作用。导航栏的外观如下所示。
Calendar是一个嵌入到页面中的Google日历。每当我单击日历链接本身时，下拉菜单都不起作用。如果我在日历页上单击后尝试导航到另一页，下拉菜单也不起作用。但是，如果我导航到另一个页面，然后重新加载该页面，则下拉菜单将再次工作。你知道是什么原因导致这个问题吗？
第二个问题是当窗口大小改变时，导航栏会折叠。按照我设置的方式，当屏幕尺寸小于1200像素时，整个导航栏应该会折叠，单击可折叠的导航栏应该会将导航栏扩展到85vh的高度。虽然导航栏在1200px时确实会崩溃，但在达到
浏览 0提问于2016-11-28得票数 0
1回答
我正在使用Bootstrap 3.0来显示一个带有一些链接和搜索字段的导航栏。当我转到“手机版”时，我有一个按钮可以折叠导航栏，并显示所有内容:链接和搜索栏。现在我需要两个按钮，一个按钮只折叠导航栏的链接，另一个按钮只折叠搜索字段。我该怎么做呢？
浏览 1提问于2013-09-16得票数 14
回答已采纳
在导航栏元素外部单击时，如何关闭打开的折叠导航栏？目前，打开或关闭它的唯一方法是单击导航栏切换按钮。 示例和代码请参见here： 到目前为止，我已经尝试了以下似乎不起作用的方法： $(document).ready(function () {
$(document).click(function () {
// if($(".navbar-collapse").hasClass("in")){
$('.navbar-collapse').collapse('hide');
浏览 59提问于2021-10-26得票数 3
我使用的是bootstrap 4 beta版。
我有一个导航栏，当屏幕全尺寸时，它使用标准大小的按钮作为导航项目，这些按钮显示在导航栏的右侧，与站点徽标一起显示，站点徽标位于导航栏的左侧。
我希望这些按钮跨越宽度的导航栏下拉菜单时，屏幕很小，汉堡菜单是切换。
目前，这些都是左对齐，如下图所示。
我认为使用块级按钮会在下拉菜单上给我想要的结果，但它们在全尺寸导航栏上不起作用。
我的问题是，当切换汉堡菜单时，如何使第二张图片中的按钮跨越下拉菜单的宽度，但当屏幕较大且没有像第一张图片那样折叠到汉堡菜单时，如何使按钮显示为正常大小？
浏览 2提问于2017-10-11得票数 0
我正在使用knockout和Sammy为我的路由和导航构建SPA。我在使用MVVM模型时尽量保持清晰，因为我希望所有操作都绑定到我的VM中。
我正在尝试弄清楚如何在该模式中使用Bootstrap响应导航栏。我知道如何让Bootstrap nav使用切换按钮和导航栏-折叠，但我觉得为了对称，我应该在我的VM中这样做。
唯一的问题是，我不确定如何根据bootstrap使用的媒体查询进行数据绑定，以切换导航栏切换按钮和导航的折叠部分。
我试图跨越Knockout/Bootstrap流是不是很愚蠢？有没有一种干净的方法可以通过基因敲除绑定来连接Bootstrap生态系统？
谢谢
Tal
浏览 0提问于2014-09-29得票数 0
1回答
在bootstrap中，我想让两个导航栏位于彼此的下方。我的想法是：
导航栏1有一个品牌:主菜单。
导航栏2(在navbar1下面)有一个名为: sub menu的品牌。
当用户在他的移动电话上查看网站时，他/她看到两个可折叠的导航栏。用户现在可以选择要打开的导航栏。菜单或子菜单。
我只是复制了bootstrap网站上的标准代码：
奇怪的是。当我把浏览器变小的时候。此时会出现两个折叠的导航栏。“主菜单”和“子菜单”。当我点击main menu后面的按钮时，会出现主菜单。就像它应该的那样。但当我按下子菜单(取消折叠)按钮时。主菜单再次打开。不是子菜单。
我只是在链接中使用了bootstrap网站
浏览 1提问于2013-12-20得票数 20
回答已采纳
我使用的是BootStrap 3.4.1，但折叠不起作用。我使用的是PHPStorm，它不能识别数据切换和数据目标。虽然上面没有打字错误。
我正在从PluralSight学习bootstrap。尝试来自不同网站的解决方案，包括w3schools和stackoverflow。
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width , initial-scale=1" />
<title>
浏览 59提问于2019-05-19得票数 0
回答已采纳
试图让我的导航栏保持在ipad大小。我使用了这里的代码：
但是当我应用上面的代码时，导航栏消失了(我的max-width为1200px)。代码的底部有这一部分，这将防止导航栏在Bootstrap 3中消失：
.navbar-collapse.collapse.in {
display: block!important;
}
然而，这段代码不适用于我。因此，我尝试在代码的第一部分添加collapse.in，其中.navbar-collapse.collapse是(第12行)。
导航栏现在出现，但未处于折叠状态，并在列表中显示导航栏项目，就像单击折叠的导航栏时一样。如何
浏览 2提问于2017-01-22得票数 0
您好，我在我的网站上使用了bootstrap来制作一个可折叠的导航栏。当我调整屏幕大小时，导航栏就会折叠。但是，当我单击可折叠按钮时，导航栏不会出现在下面。
我的代码：
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<a class="navbar-brand" href="#">
<img src="images/logo.jpg" alt="Logo" height=&
浏览 1提问于2021-09-18得票数 0
1回答
我正在使用Bootstrap尝试创建一个响应式导航栏。每当我在本地测试站点(即在浏览器中打开它)时，导航栏就会折叠，并且可以单击按钮，这就是我想要的。当我将站点放到网上时，导航栏会折叠，但按钮不可点击。我已经搜索了其他类似的问题(我知道有很多)，但似乎找不到哪里出了问题。
我还试图浏览文档，但没有成功。我还想在折叠时将按钮放在导航栏的左侧，但我似乎不知道该怎么做。我做错了什么？
相关代码如下：
<nav class="navbar navbar-inverse top-buffer" role="navigation">
<di
浏览 2提问于2016-05-27得票数 0
1回答
选择折叠时导航的下拉菜单
、、、
当bootstrap为较小的视口折叠时，我不喜欢折叠的3行导航按钮。有没有办法让导航栏折叠到一个选择下拉菜单，同时把它放在页面的其他地方，而不是放在右上角？就像这样：
浏览 2提问于2012-11-30得票数 2
我正在使用bootstrap 3.0，并在一个移动网站上工作。我想知道如何改变按钮的背景颜色。导航栏-当导航栏折叠时切换。
基本上我想问的是，当导航栏菜单打开时，如何在移动设备上显示“按下”状态？
浏览 5提问于2013-09-21得票数 1
当我的站点在小屏幕上显示导航栏折叠的切换按钮时，我编写了一些jquery来在单击菜单项时隐藏导航栏，然后再次单击导航栏切换按钮时，我想让它简单地再次显示出来，这样用户就可以选择另一个菜单项。发生的情况是，在第一个hide()事件之后，需要单击两次导航栏切换按钮才能显示菜单。我怎么才能得到它，只需要一次点击？以下是网站的代码和链接：
$('.select').on('click', function() {
$('#navigation').hide();
});
$('.navbar-toggle'
浏览 1提问于2016-03-11得票数 0
我需要帮助隐藏/折叠导航栏后，在一个锚点登陆页面。 我在Bootstrap 4.x上使用了这个脚本 <script type="text/javascript ">
$(document).on('click', '.navbar-collapse', function(e) {
if ($(e.target).is('a')) {
$(this).collapse('hide');
}
});
</script&g
浏览 46提问于2021-06-29得票数 0
回答已采纳
我正在使用导航栏中带有子菜单项的可折叠菜单。菜单在窄屏幕上可以正确折叠，并且子菜单项可以正确显示。
但是，当我在移动设备上单击子菜单项时，链接不起作用。相反，子菜单会折叠，并且折叠菜单上的顶部菜单项被高亮显示，就好像子菜单从未打开过一样，“单击”会穿过它到达下面的元素。
当我在桌面浏览器上测试页面时，一切都正常工作。
我已经定制了一些bootstrap样式，但主要用于颜色等。
有什么想法吗？蒂娅。
浏览 0提问于2013-07-03得票数 17
回答已采纳
2回答
使肚脐折叠/按下关闭
、、、、
我很难让移动设备上的导航栏与我的网站崩溃。这个问题只与该网站的移动版本有关。
当我点击一个菜单按钮，网站滚动到正确的点，但导航条仍然打开，这是令人讨厌的。我尝试给UL元素相同的类，比如导航条中的"back“按钮，它可以折叠导航条，但这不起作用:/。有人能告诉我，每当单击菜单项时，我如何使导航栏关闭？
这是一个网站：
非常感谢
浏览 2提问于2017-12-22得票数 0
回答已采纳
我刚开始使用Bootstrap，在我的网页上我有一个可折叠的导航栏。问题出在我的手机(Galaxy s6)上，它显示了没有将导航栏折叠到按钮中的列。有没有办法让导航栏在col sm上崩溃？或者，有没有一种方法可以知道设备是否是移动的，并以某种方式显示？
浏览 2提问于2015-08-21得票数 0
1回答
我正在做一个导航栏，我需要把它的一部分向右对齐： ? 这就是我所拥有的： ? 此外，折叠-导航栏不工作，当我缩小屏幕时，折叠按钮出现，但当我单击时没有任何反应...这是我的代码库：Codebase
浏览 33提问于2021-03-22得票数 0
这是一个遵循twitter bootstrap表单的导航栏-它将删除元素，并最终将它们替换为移动方便的可折叠按钮。
但当它进入移动/折叠视图时-导航项目排列非常粗糙-指定组织结构(浮动、边距、宽度等)的最佳方式是什么？这只适用于折叠视图。(例如，链接about和contact可以放入一行，而不是3行)。
浏览 0提问于2014-05-25得票数 1
1回答
我已经用bootstrap创建了一个基本的站点。我正在使用bootstrap导航栏，对较小的设备使用折叠选项。
我想增加".collapsed导航栏-折叠“的高度，以便它在页面中占用更多空间。
我很乐意展示一张图片来更好地说明我的问题，但我还不允许在这里发布图片。
所以，当我在移动设备上查看导航栏时，当关闭折叠的菜单时，一切看起来都很棒。当我单击3行的图像打开菜单时，它只显示了大约1个半导航页面按钮。有没有办法增加这个高度，这样我就可以看到我在那里的所有5页，即使打开的菜单经过它下面的jumbotron部分也是如此？
<nav class="navbar navbar-i
浏览 3提问于2015-06-11得票数 2
1回答
我希望在asp.net应用程序的视图中包含从引导示例页面复制的导航栏。导航栏如下：
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<a class="navbar-brand" asp-controller="Home" asp-action="Index">Bata</a>
<button class="navbar-toggler" type="button" data-t
浏览 0提问于2020-08-04得票数 1
我正在尝试制作一个导航栏与正确的折叠动画时，有移动屏幕大小。 我一直在关注这个教程：https://angularfirebase.com/lessons/bootstrap-4-collapsable-navbar-work-with-angular/#ui-top-nav-component-html，并设法让它工作起来。但是，正如您在示例中看到的，您首先显示了一个块，然后滑动文本。当然，我希望文本和块同时滑动，就像在bootstrap documentation (Bootstrap navbar)中一样--要查看它，你只需缩小窗口并按下导航栏按钮，就可以看到菜单平滑地折叠。 可以通过
浏览 21提问于2019-02-10得票数 0
如何使用bootstrap 3在导航栏上为移动设计设置2个导航按钮？
在这个例子中，左边的按钮(汉堡包)折叠菜单，右边的按钮(放大镜)执行搜索。 (手机版)
浏览 1提问于2015-07-16得票数 1
1回答
我在我的网站上有一个Bootstrap导航栏，它有一个折叠的菜单，可以切换开/关。我喜欢这样，当用户单击菜单中的一个链接(顺便说一下，这是一个下拉列表)时，该活动链接应该跳到菜单的顶部。通过这种方式，他们可以看到更多的下拉列表。
这是一个常规的Bootstrap导航栏。我希望当我点击"Dropdown“时，将活动链接带到”项目名称“下的顶部。
浏览 2提问于2015-07-23得票数 0
对于B3，有大量带有下拉菜单的顶级导航栏的模板。随着屏幕尺寸变小，菜单折叠为3栏按钮，菜单变成折叠菜单。
有没有使用Bootstrap 4做这件事的例子或模板？我找到的响应示例可以折叠菜单，并显示3栏按钮，但菜单不会变成手风琴菜单。也有许多BS4的下拉示例，但不是响应式的。
当屏幕变小时，我是否必须隐藏整个导航栏，并显示具有所有相同选项的手风琴？这似乎比BS3要多得多的工作。
浏览 1提问于2016-04-25得票数 1
我将react与bootstrap一起使用(不是react-bootstrap)，并在导航栏上工作。
一定宽度(<768px)的导航栏变成了一个移动导航栏，其中包含折叠视图中的链接，你可能已经知道了。
有没有办法找出它是否在移动视图中？我有一个搜索按钮，我希望onclick事件在每个视图中是不同的。
浏览 3提问于2016-07-15得票数 1
我在Rails 3.1.2项目中使用Twitter 2.0.1，该项目是用引导-sass实现的。我正在同时加载bootstrap.css和bootstrap-responsive.css文件，以及bootstrap-collapse.js Javascript。
我有一个类似于的导航条的流体布局。这遵循导航栏“响应变化”指令。它工作得很好:如果页面比大约940 to窄，那么导航条就会折叠并显示一个“按钮”，我可以点击这个按钮来展开。
不过，我的肚脐看起来很好，大约550 to宽，也就是说，除非屏幕非常窄，否则它不需要折叠。
如果屏幕宽度小于550 is，我如何告诉Bootstrap只折叠导航条
浏览 16提问于2012-02-23得票数 94
回答已采纳
2回答
在引导导航栏中，我有一个下拉菜单。
在较小的屏幕上，导航条被折叠，我得到一个按钮来切换导航栏项的可见性。
因为我唯一的项目，是下拉菜单，我觉得它有点“愚蠢”，必须首先点击来切换导航可见性，然后单击下来菜单。
我可以看到，真正触发下拉列表的是将类open添加到下拉菜单中--就像in似乎会触发折叠导航栏的可见性一样。
但是，当显示折叠导航条时，如何使下拉“自动下拉”？
用来说明的小小提琴：
浏览 5提问于2015-05-07得票数 0
回答已采纳
我想用bootstarp制作可折叠的导航栏。我使用npm下载了bootstrap。
如何包含Bootstrap JS文件以使导航栏可折叠？
浏览 0提问于2019-10-01得票数 0
2回答
我有一个问题，因为我做了一个导航栏，它是粘性顶部的，它有几个下拉菜单(每个下拉菜单中有许多按钮)。因此，如果设备的高度太小，它会被裁剪，我可以得到更低的按钮。我需要知道如何在导航栏上添加滚动。
现在它是这样工作的(使用bootstrap 4.0)
而在bootstrap 3.3.7中，它更简单，看起来像这样：
只需将窗口高度更改为300px，您就会看到效果。我需要帮助添加滚动到粘性顶部折叠导航栏。
浏览 23提问于2018-02-17得票数 3
回答已采纳
1回答
加载页面时折叠导航栏
、、、
我已经在我的页面上添加了导航栏按钮。问题是，当我第一次加载我的页面时，默认情况下导航栏是展开的。下面是我的代码。
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-main"
aria-controls="navbar-collapse-main" aria-expanded="true" aria-label="to
浏览 1提问于2021-07-28得票数 2
这个问题可以在所有(据我所知的) Twitter Bootstrap版本中表现出来。所以，我有一个导航栏，当屏幕变小时，它就变成了一个可折叠的托盘。这种行为可以在bootstrap演示站点上看到。我还有一些子菜单，在最初的导航栏展开时显示为折叠的。问题是，在第一次折叠时，可折叠对象会得到一个显式的高度设置。如果关闭并再次展开，可折叠对象将获得一个height:auto;
因此，当我单击子菜单项时，下拉菜单被展开，但由于高度被显式设置而溢出。
我尝试的解决方案是添加：
$(function() {
$('.nav-collapse').on({
shown: func
浏览 0提问于2013-02-07得票数 7
回答已采纳
我有一个带有gulpfile.js文件的angular应用程序，其中我的sass/css文件被缩小了。该应用程序之前没有使用bootstrap。但是由于新的需求，我不得不加入bootstrap-sass。
在gulpfile.js中，我可以添加脚本来执行以下操作：
gulp.task('styles', function() {
return gulp.src(["src/main.scss", "src/styles/**/_*.scss", "src/components/**/_*.scss"])
.
浏览 0提问于2016-11-25得票数 0
我正在工作的网站没有使用桌面版的Bootstrap导航栏，而是利用了移动版的响应式导航栏(并隐藏了自定义导航)。导航栏没有实际的链接，甚至在桌面版本中也存在，显示品牌推广和搜索表单。
然而，问题是该网站最终有三种导航类型：
1)自定义导航单元，桌面版使用。2)带有切换按钮的折叠导航栏3)大多数平板电脑上默认的“导航栏中的导航链接”。我想摆脱这个:有太多的链接(不能对网站结构做太多的改变)，它看起来很嘈杂。
有没有可能Bootstrap的导航栏总是崩溃？
浏览 1提问于2013-06-09得票数 1
4回答
当我单击一个按钮时，我需要从导航条折叠中删除这个css部分：
ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
}
我试过这样的方法：
$("#toggleButton").click(function()
{
$(".navbar-collapse").remove("ul.nav","li.dropdown","ul.dropdown-menu");
});
但不起作用。我希望有一个响应的导航栏菜单，当它崩溃时
浏览 0提问于2015-12-02得票数 2
回答已采纳
2回答
我正在使用Bootstrap 4网站的导航栏模板，但我有一个关于折叠导航项目的位置问题。最初，切换按钮放置在导航栏和列表项的左侧。
但我希望它们位于页面的右侧，所以我在按钮和导航项上插入了一个float-xs-right类。然后，如果我单击切换按钮，折叠项目将不会正确定位。正如您在屏幕截图上所看到的。
我希望折叠的项目被放置在下方和左侧。
顺便说一句，这是我的代码：
<nav class="navbar navbar-light bg-faded">
<button class="navbar-toggler hidden-lg-up" t
浏览 4提问于2016-10-28得票数 7
回答已采纳
3回答
目前，我的导航栏使用@media screen随着页面大小而缩小。这很好用，但当页面非常小时，我希望导航栏折叠成一个垂直的下拉列表，需要单击才能打开。
由于我的情况，我不能使用bootstrap，只能使用html/css和js。
上的示例
浏览 3提问于2017-09-01得票数 2
1回答
所以我正在做一个项目，我们正在做一个自定义的标题，当用户拖动标题或滚动视图/表格视图时，它会折叠/展开。在某些情况下，我们希望在标题中有按钮，这些按钮将在导航栏处于折叠状态的地方结束，在那里以一种很好的方式获得动画效果。
所以问题是，当按钮在导航栏(一个透明的)后面时，就不能再点击了。我们试着改变按钮和"bringSubviewToFront“的Z层，但都不起作用。我们还试图改变导航栏的高度，但似乎不再起作用了。此外，仅仅隐藏导航栏不是一个可行的解决方案，因为我们有时也需要在那里使用后退按钮。
因此，如果有人对这个问题有任何好的答案或解决办法，我们将不胜感激。
我们使用来自的appD
浏览 12提问于2021-03-02得票数 0
1回答
在折叠模式下，当我单击导航栏切换菜单按钮时，菜单就会下降，切换按钮就会被聚焦。当我再次单击该按钮时，该菜单将被收回，但切换菜单按钮不会导致焦点不集中，除非我单击屏幕上的其他区域。
这是用于导航栏切换的相关CSS代码：
.navbar-default>.container .navbar-toggle{
border-color: #49B0A8;
}
.navbar-default>.container .navbar-toggle:hover,
.navbar-default>.container .navbar-toggle:focus{
background-
浏览 4提问于2017-03-21得票数 2
回答已采纳
1回答
我在Bootstrap里有个导航栏。我的网格设置为"md"，所以当我缩小我的sreen时，导航栏项目会消失，并放在一个下拉按钮中。也就是说，它可以正确地折叠。我的导航栏中只剩下品牌和下拉按钮。
但是当我增加文本大小时，比如
.navbar {
font-size: 18px;
}
有一个中间步骤，导航栏项目下的标志(在768px和991px之间)，我不想要这个。如何避免这种情况并使徽标和菜单项在同一行上，直到缺少位置(菜单项在下拉菜单按钮中可用)？
谢谢！
浏览 0提问于2015-09-24得票数 0
2回答
我是一个HTML/CSS的新手，我正在创建一个网页，上面有一个响应性导航栏。我面临的问题是，当navbar被折叠并按下按钮时，navbar-items在打开的导航菜单的左侧对齐。我希望这些项目与菜单上的中心对齐。我在和上搜索了很多，但是我无法找到解决问题的方法。
下面是我正在使用的HTML代码：
<html>
<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
浏览 4提问于2016-08-07得票数 3
回答已采纳
twitter-bootstrap 'hero‘示例()运行良好。冒着描述显而易见的事实的风险。在小屏幕上，当导航栏菜单被激活时，只有第一级项可见，子项被折叠。当点击具有子项的项时，子项将展开并变为可见。也可以通过再次点击父对象来折叠它们。
我在Joomla站点()上使用引导模板。不幸的是，当导航栏在一个小屏幕上被激活时，它会扩展许多子项。点击父项目不会展开/折叠其子项目。
如何让twitter-bootstrap导航栏子项在小屏幕上折叠/展开？是什么引导程序代码/文件导致了这种行为？
我知道一些css和javascript，但还不足以解决这个问题。
谢谢。
浏览 5提问于2013-04-06得票数 4
1回答
我在一个网站上工作，它使用Bootstrap按钮组进行导航。但是，我想让它像导航栏一样折叠成汉堡图标。我已经做了一些搜索，但没有找到任何解决这个问题的方法。可以折叠按钮组吗?还是必须使用Navabar？
我试着使用按钮快速设置导航栏的样式，但效果不是很好，然后我发现一些帖子说不要在导航栏中使用按钮。
这是我们的按钮组的基本布局。
<div class="btn-group btn-group-sm btn-group-justified">
<a href="@Url.Action("ScheduleDetails"
浏览 0提问于2018-01-04得票数 1
1回答
我正在使用Twitter Bootstrap 3。我正在考虑使用导航栏组件-但是它对我来说好像不能正常工作-即使在Bootstrap网站上也是如此！
当您折叠视口和导航时，如果您单击导航将其打开...一旦打开，如果你点击"dropdown“-它也会打开，但是窗口的大小不合适，列表末尾的链接最终会被砍掉！
您可以在Bootstrap站点上看到这样的示例：
我在mac上使用Chrome版本31.0.1650.63，在Safari 7.0中也可以做同样的事情
有没有人经历过这种情况或有解决方案？
浏览 1提问于2013-12-12得票数 0
我有一个引导导航栏，如下所示： <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header nav-tabs" style="border-bottom:none;">
<button type="button" class="navbar-to
浏览 12提问于2020-10-29得票数 0
2回答
我的UI使用bootstrap框架。我用同样的框架做了一个导航栏。当我减小屏幕尺寸时，我会得到以下输出
不过，如果我缩小窗口大小，我可以看到像这样的折叠按钮
我缩小了窗口，我不想看到像在图像缩小窗口中的那个。，.If。相反，如果我缩小了窗口大小，是否可以在没有缩小窗口阶段的情况下看到折叠按钮？
浏览 16提问于2016-08-31得票数 0
在bootstrap 4.0中，我希望将导航栏覆盖在页面内容之上，而不是在单击汉堡后导航栏从折叠状态展开时将内容向下推。
我尝试在navbar类和其他几个类上设置z-index属性。我还尝试对nav元素进行包装，并在其上设置z-index: 1000和position: absolute。到目前为止，我还没有成功。任何帮助都将不胜感激。
浏览 17提问于2018-03-02得票数 1
回答已采纳
长期潜伏，第一次海报。
当我在移动设备上查看我的SharePoint站点时，导航栏出现问题。需要明确的是，当在桌面上查看时，该网站的响应速度非常好。当我缩小窗口时，导航栏从水平导航栏转变为折叠的按钮导航栏，单击后会显示导航选项。然而，它不是为移动设备做这件事。
我使用的是默认的媒体文件，所以你在默认文件中看到的所有@ Bootstrap.css标签都是我在我的文件中所拥有的。就我的母版页上的代码而言，这就是我的导航栏：
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"
浏览 0提问于2015-11-04得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
