导航栏上的折叠菜单未显示
可能是由于以下几个原因导致的：
- HTML/CSS代码错误：检查导航栏的HTML结构和CSS样式是否正确。确保菜单的HTML元素和CSS类名与代码中的对应一致，并且没有语法错误。
- JavaScript错误：如果折叠菜单是通过JavaScript实现的，检查JavaScript代码是否正确。确保JavaScript文件已正确引入，并且没有语法错误或逻辑错误。
- 响应式设计问题：折叠菜单通常在移动设备上显示，而在桌面设备上隐藏。检查CSS媒体查询是否正确设置，以确保在不同设备上正确显示折叠菜单。
- 缺少必要的依赖文件：某些折叠菜单可能需要依赖特定的JavaScript库或CSS框架。确保这些依赖文件已正确引入，并且版本与代码兼容。
- 数据加载问题：如果折叠菜单的内容是通过异步加载或动态生成的，检查数据加载的逻辑是否正确。确保数据能够成功加载并正确渲染到折叠菜单中。
针对以上可能的原因，可以采取以下解决方案：
- 检查代码：仔细检查导航栏的HTML、CSS和JavaScript代码，确保没有语法错误或逻辑错误。
- 调试工具：使用浏览器的开发者工具进行调试，查看是否有错误提示或警告信息。检查网络请求和响应，确保相关文件成功加载。
- 响应式设计测试：使用不同的设备和浏览器进行测试，确保折叠菜单在各种情况下都能正确显示。
- 更新依赖文件：如果使用了特定的JavaScript库或CSS框架，确保它们的版本与代码兼容，并且正确引入。
- 数据加载检查：检查数据加载的逻辑，确保数据能够成功加载并正确渲染到折叠菜单中。
腾讯云相关产品推荐：
- 云服务器（CVM）：提供弹性计算能力，可满足不同规模和需求的应用场景。详情请参考：腾讯云云服务器
- 云存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于图片、视频、文档等各种类型的文件存储。详情请参考：腾讯云对象存储
- 云数据库 MySQL版（CDB）：提供高性能、可扩展的关系型数据库服务，适用于各种Web应用和大型企业级应用。详情请参考：腾讯云云数据库 MySQL版
- 人工智能机器学习平台（AI Lab）：提供丰富的人工智能算法和模型，帮助开发者快速构建和部署自己的AI应用。详情请参考：腾讯云人工智能机器学习平台
- 云安全中心（SSP）：提供全面的云安全解决方案，包括DDoS防护、Web应用防火墙、安全审计等功能，保护云上应用的安全。详情请参考：腾讯云云安全中心
相关·内容
2回答
在引导导航栏中，我有一个下拉菜单。
在较小的屏幕上，导航条被折叠，我得到一个按钮来切换导航栏项的可见性。
因为我唯一的项目，是下拉菜单，我觉得它有点“愚蠢”，必须首先点击来切换导航可见性，然后单击下来菜单。
我可以看到，真正触发下拉列表的是将类open添加到下拉菜单中--就像in似乎会触发折叠导航栏的可见性一样。
但是，当显示折叠导航条时，如何使下拉“自动下拉”？
用来说明的小小提琴：
浏览 5提问于2015-05-07得票数 0
回答已采纳
我见过无数用引导程序制作的边栏导航菜单的例子，但似乎没有一个是我喜欢的。
我想找几个特色：
每个菜单项都有一个图标和文本。
折叠:折叠时只显示图标和顶层菜单项。
折叠/解压时的简单动画(侧边栏在内容上显示)
顶层菜单项和子菜单项(层次结构)
是否可以使用Bootstrap + javascript在侧边栏上拥有所有这些特性？
浏览 3提问于2016-11-07得票数 0
当我的站点在小屏幕上显示导航栏折叠的切换按钮时，我编写了一些jquery来在单击菜单项时隐藏导航栏，然后再次单击导航栏切换按钮时，我想让它简单地再次显示出来，这样用户就可以选择另一个菜单项。发生的情况是，在第一个hide()事件之后，需要单击两次导航栏切换按钮才能显示菜单。我怎么才能得到它，只需要一次点击？以下是网站的代码和链接：
$('.select').on('click', function() {
$('#navigation').hide();
});
$('.navbar-toggle'
浏览 1提问于2016-03-11得票数 0
对于B3，有大量带有下拉菜单的顶级导航栏的模板。随着屏幕尺寸变小，菜单折叠为3栏按钮，菜单变成折叠菜单。
有没有使用Bootstrap 4做这件事的例子或模板？我找到的响应示例可以折叠菜单，并显示3栏按钮，但菜单不会变成手风琴菜单。也有许多BS4的下拉示例，但不是响应式的。
当屏幕变小时，我是否必须隐藏整个导航栏，并显示具有所有相同选项的手风琴？这似乎比BS3要多得多的工作。
浏览 1提问于2016-04-25得票数 1
1回答
在bootstrap中，我想让两个导航栏位于彼此的下方。我的想法是：
导航栏1有一个品牌:主菜单。
导航栏2(在navbar1下面)有一个名为: sub menu的品牌。
当用户在他的移动电话上查看网站时，他/她看到两个可折叠的导航栏。用户现在可以选择要打开的导航栏。菜单或子菜单。
我只是复制了bootstrap网站上的标准代码：
奇怪的是。当我把浏览器变小的时候。此时会出现两个折叠的导航栏。“主菜单”和“子菜单”。当我点击main menu后面的按钮时，会出现主菜单。就像它应该的那样。但当我按下子菜单(取消折叠)按钮时。主菜单再次打开。不是子菜单。
我只是在链接中使用了bootstrap网站
浏览 1提问于2013-12-20得票数 20
回答已采纳
1回答
嗨，我在angular 7中使用导航栏，我需要在另一个页面位置上折叠它，当我调整浏览器大小或当我在移动设备上使用我的应用程序时，导航栏将3个栏图标放在显示菜单上，当我单击应用程序中的另一个位置时，菜单仍然显示，我如何折叠菜单？ 这是我的HTML文件。 <nav class="navbar navbar-inverse sub-navbar navbar-fixed-top">
<div class="container">
<div class="collapse navbar-collapse&
浏览 31提问于2020-12-30得票数 0
回答已采纳
我正在使用bootstrap 3.0，并在一个移动网站上工作。我想知道如何改变按钮的背景颜色。导航栏-当导航栏折叠时切换。
基本上我想问的是，当导航栏菜单打开时，如何在移动设备上显示“按下”状态？
浏览 5提问于2013-09-21得票数 1
我正在尝试让Bootstrap 4导航栏只部分折叠。
基本上，我希望一些对齐到右边的项目始终可见，而如果你试图在移动设备上打开网站，左边的大多数导航栏项目都会折叠成菜单。
问题是，当您展开该菜单时，折叠的元素显示在固定菜单之前，正如您所期望的那样，但出于明显的美学原因，我希望它们显示在下面。
工作示例：
扩展时期望的结果：
访问折叠项目时所需的结果：
我一直在尝试元素的配置以及尝试float-right和float-right，但它被证明是无效的，如果不对为我奠定的基础Bootstrap进行重大改变，我不确定如何继续进行。有什么想法吗？
浏览 23提问于2018-08-11得票数 0
回答已采纳
我正在使用
在collapsed navbar中使用dropdown menu有问题。
通过单击右上角按钮打开菜单，可以在折叠版本中打开该菜单。
只有当屏幕折叠到足以显示折叠版本的导航栏时，才会创建额外的插入符号。
如何解决这个问题，使下拉菜单上看不到额外的插入符号？
我不想在Category菜单上看到奇怪的上边插入符号。
浏览 2提问于2012-08-29得票数 2
回答已采纳
我正在使用导航栏中带有子菜单项的可折叠菜单。菜单在窄屏幕上可以正确折叠，并且子菜单项可以正确显示。
但是，当我在移动设备上单击子菜单项时，链接不起作用。相反，子菜单会折叠，并且折叠菜单上的顶部菜单项被高亮显示，就好像子菜单从未打开过一样，“单击”会穿过它到达下面的元素。
当我在桌面浏览器上测试页面时，一切都正常工作。
我已经定制了一些bootstrap样式，但主要用于颜色等。
有什么想法吗？蒂娅。
浏览 0提问于2013-07-03得票数 17
回答已采纳
1回答
我正在使用引导构建一个可折叠的侧边栏，当侧边栏切换到一个迷你导航时，我试图让一个子菜单从侧边栏中弹出。
示例：
当窗口大小> 767时，单击“切换”按钮，侧边栏将缩小为一个迷你导航。然后，当您悬停在齿轮图标(设置)上时，子菜单将显示在图标右侧的侧边栏中(当您悬停图标时，可以通过向右滚动来看到这一点)。我希望这个子菜单显示在侧边栏之外。有人能帮我吗？
浏览 7提问于2015-04-02得票数 0
回答已采纳
1回答
我正在对导航栏使用Materialize。我正在尝试将导航栏折叠成移动设备上的侧边栏，如所示。它确实会折叠成一个侧边菜单，但导航栏在移动设备上太小了，如所示。如何让导航栏变得更窄更高，让它在手机上更好用？我也在Meteor中使用materialize:materialize包，如果相关的话。
浏览 2提问于2016-06-05得票数 0
1回答
我们成功地将backdrop-filter应用于导航栏。但是在移动设备上，导航栏被折叠，我们显示的是传统的下拉导航菜单。当将过滤器应用到下拉菜单div时，它忽略了模糊，而且根本没有显示出来。奇怪的是，如果我们关闭导航条本身的模糊，它会工作。下面是这个问题的截图：
注意到，网站是现场直播的。请访问 进一步调查。
浏览 2提问于2020-06-30得票数 4
1回答
这是我在sof上的第一个问题。
我想在bootstrap中使用ànavbar。这个导航栏必须包含两个下拉菜单在导航栏的右侧部分，这两个下拉菜单必须是相同的形状，即使我在桌面屏幕上的移动屏幕上显示的页面。
它们必须以相同的方式在两个屏幕上运行。
始终是一个下拉菜单，从不折叠。
第一个下拉菜单是语言选择器，第二个下拉菜单是经典菜单
浏览 0提问于2014-11-21得票数 0
1回答
Bootstrap的导航栏下拉菜单有两个问题。首先，导航栏中的下拉列表在每个页面上都不起作用。导航栏的外观如下所示。
Calendar是一个嵌入到页面中的Google日历。每当我单击日历链接本身时，下拉菜单都不起作用。如果我在日历页上单击后尝试导航到另一页，下拉菜单也不起作用。但是，如果我导航到另一个页面，然后重新加载该页面，则下拉菜单将再次工作。你知道是什么原因导致这个问题吗？
第二个问题是当窗口大小改变时，导航栏会折叠。按照我设置的方式，当屏幕尺寸小于1200像素时，整个导航栏应该会折叠，单击可折叠的导航栏应该会将导航栏扩展到85vh的高度。虽然导航栏在1200px时确实会崩溃，但在达到
浏览 0提问于2016-11-28得票数 0
我的主页在您的屏幕上，正如您所看到的，我在主页上有一个可折叠的导航栏和导航卡。在我的可折叠导航栏中，您可以看到菜单部分"Računi“中有两个子区域，而这两个子区域是真正的工作页面--元素"RAČUNI”只是为了使它看起来很好(不会导致任何页面)。
我的问题是，当我单击显示在卡片区域的正确导航栏上的"RAČUNI“时，它会直接将我重定向到工作区的登录屏幕。
我该怎么解决这个问题？
浏览 13提问于2022-07-14得票数 0
我使用的是bootstrap 4 beta版。
我有一个导航栏，当屏幕全尺寸时，它使用标准大小的按钮作为导航项目，这些按钮显示在导航栏的右侧，与站点徽标一起显示，站点徽标位于导航栏的左侧。
我希望这些按钮跨越宽度的导航栏下拉菜单时，屏幕很小，汉堡菜单是切换。
目前，这些都是左对齐，如下图所示。
我认为使用块级按钮会在下拉菜单上给我想要的结果，但它们在全尺寸导航栏上不起作用。
我的问题是，当切换汉堡菜单时，如何使第二张图片中的按钮跨越下拉菜单的宽度，但当屏幕较大且没有像第一张图片那样折叠到汉堡菜单时，如何使按钮显示为正常大小？
浏览 2提问于2017-10-11得票数 0
我正在使用bootstrap，试图创建一个类似于电子商务的顶级导航栏的Facebook。我向最右上角的链接添加了一个下拉列表，因此链接" account“显示了与帐户相关的操作的下拉列表。
下拉菜单很好地右对齐，但菜单面板顶部的小箭头是左对齐的，指向导航栏中的前一个链接。
要查看它，请查看此小提琴(全屏以阻止导航栏折叠)：
这里的代码是：
对此有什么解决方法/解决方法/替代方案吗？
浏览 1提问于2012-04-19得票数 4
回答已采纳
我已经设法让两个可折叠的肚脐在Bootstra3.0.2上完美地工作--这两个肚脐都折叠成两个漂亮的按钮，可以单独访问每个肚脐。
关键是，现在我需要在-sm、-md和-lg上隐藏一个导航栏，并且只显示在-xs上。
最简单的方法是在导航栏上设置“隐藏-sm，隐藏-md，隐藏-lg”(真正有效)，但是每当我切换到-xs (由于隐藏的设置)时，我们就会产生“显示折叠菜单”的副作用--是否有一种方法可以避免在-xs上扩展de菜单，或者在-sm、-md和-lg上隐藏导航条？
谢谢!
浏览 4提问于2013-11-28得票数 0
1回答
我有一个我正在工作的wordpress网站，它已经有几年的历史了(但尽可能多地使用date...as )，并且使用了"Expound“主题。
它应该是有响应的，但是导航栏不能正常工作。当显示屏宽度小于600px时，导航栏菜单就会折叠，这是理所当然的。问题是，当你点击折叠的“菜单”时，菜单不会扩展。
我只想知道需要做些什么才能在移动设备/小屏幕上真正显示导航栏。
我非常乐意提供代码片段，但我不太确定问题出在哪里。
这是我的reset.css文件包含的内容(这是负责折叠操作的内容)：
/* Small menu */
.menu-toggle {
display: none
浏览 1提问于2018-04-05得票数 0
编辑: JS小提琴链接编辑:我现在可以在移动屏幕上获得一个不可折叠的垂直菜单栏。现在唯一要解决的就是如何让垂直导航栏占据整个手机屏幕。
我正在构建一个简单的HTML5应用程序，其中有一个导航栏，这应该是在桌面浏览器的页面顶部水平显示与其相应的内容。
然而，我希望导航栏在移动浏览器页面上垂直显示，并占据整个屏幕，而不是展开折叠功能或三行(汉堡)菜单项。
我使用以下代码作为起点-
<div class="navbar navbar-default">
<div class="navbar-header">
<button type=
浏览 0提问于2014-04-29得票数 0
我在页面顶部有经典的固定导航栏菜单。(直接取自Bootstrap exemples页面的基本示例)我希望有一个菜单选项，一旦单击，就会显示折叠元素，从而使页面向下移动，以便为该元素腾出位置。
它现在还可以工作，但它有一种奇怪的行为。每当我点击菜单选项时，折叠元素就会显示出来，滑下页面的其余部分，但不知何故它会将自己放在屏幕的顶部，在导航栏后面。我想不出怎么让它从导航栏的底部滑下来。这很难解释，所以这里是，点击CONTACT看看它是做什么的。注意滚动条，元素似乎在正确的位置，但它强制向上滚动，因此元素的顶部位于屏幕顶部的导航栏下。
下面是我使用的HTML代码的一部分：
这是需要显示的折叠元素：
浏览 0提问于2013-07-13得票数 2
回答已采纳
1回答
我创建了一个网站，它不包含任何折叠导航栏。因此，当分辨率降低时，菜单将显示为堆栈。
我的大部分网页都被毁了。我现在没有时间把我的设计转换成引导。
是否可以使用css3创建响应性的、折叠的“导航栏”。而不用引导或JavaScript？
浏览 4提问于2014-01-13得票数 0
回答已采纳
这个问题可以在所有(据我所知的) Twitter Bootstrap版本中表现出来。所以，我有一个导航栏，当屏幕变小时，它就变成了一个可折叠的托盘。这种行为可以在bootstrap演示站点上看到。我还有一些子菜单，在最初的导航栏展开时显示为折叠的。问题是，在第一次折叠时，可折叠对象会得到一个显式的高度设置。如果关闭并再次展开，可折叠对象将获得一个height:auto;
因此，当我单击子菜单项时，下拉菜单被展开，但由于高度被显式设置而溢出。
我尝试的解决方案是添加：
$(function() {
$('.nav-collapse').on({
shown: func
浏览 0提问于2013-02-07得票数 7
回答已采纳
1回答
我在自己的组件menu中有一个navbar。我创建了一个服务，以便以后能够从其他组件检测导航栏是否折叠。因此，我可以随时从其他组件引用该服务，并确定导航栏是否已折叠。
如果导航栏具有类show，则它不会折叠。
因此，我可以引用菜单组件中的导航栏：
@ViewChild("navbar") navbar: ElementRef;
我可以使用以下命令检查它是否已折叠：
this.navbar.nativeElement.classList.contains("show")
如何从服务内部检测导航栏是否已折叠？
下面是一个运行代码：
浏览 9提问于2019-07-07得票数 0
回答已采纳
问题:在移动设备上加载Bootstrap站点时，菜单会因为导航-折叠媒体-查询CSS而消失。我想要的是保持一个最低限度的菜单，没有下拉菜单。这有可能吗？
如果我要添加另一个只具有顶级的导航栏，我如何应用media-query来执行If-Else以根据屏幕大小选择适当的导航栏？
浏览 1提问于2012-04-26得票数 0
回答已采纳
twitter-bootstrap 'hero‘示例()运行良好。冒着描述显而易见的事实的风险。在小屏幕上，当导航栏菜单被激活时，只有第一级项可见，子项被折叠。当点击具有子项的项时，子项将展开并变为可见。也可以通过再次点击父对象来折叠它们。
我在Joomla站点()上使用引导模板。不幸的是，当导航栏在一个小屏幕上被激活时，它会扩展许多子项。点击父项目不会展开/折叠其子项目。
如何让twitter-bootstrap导航栏子项在小屏幕上折叠/展开？是什么引导程序代码/文件导致了这种行为？
我知道一些css和javascript，但还不足以解决这个问题。
谢谢。
浏览 5提问于2013-04-06得票数 4
1回答
嗨，为引导导航栏如何使它只显示折叠菜单(没有品牌名称和背景栏)在小屏幕设备。也就是说，它应该只显示以下内容。
谢谢。
浏览 0提问于2017-03-30得票数 1
回答已采纳
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
回答已采纳
我在移动设备上遇到了两个下拉菜单项的问题。具体地说：
我的导航崩溃没有显示在btn-导航栏的第一次点击，而是只显示在一个iPhone上。
虽然我可以切换下拉菜单，但我不能点击移动设备上的任何下拉菜单项。
我的页面在W3上是有效的，并且我已经将..nav折叠和.collapse类添加到了我的导航栏中。另外，在我的笔记本电脑上调整浏览器窗口大小时，一切都很好。
您可以在这里看到活动网页：
有人见过这个问题吗？有人想提供一个潜在的解决方案吗？我很感谢你的帮助。
谢谢
浏览 3提问于2012-12-16得票数 16
2回答
我有一个网站，其中有一个导航栏跨页面在主标题。对于手持屏幕设备，我希望导航列表( <ul><li>)折叠(使用CSS设置display: none;)，并显示一个新的条，允许单击来展开菜单并更改显示属性以显示:初始；
使用CSS @media查询，我可以很好地调整它，javascript代码使菜单展开和折叠。
但是一旦崩溃，CSS就不会覆盖较大屏幕大小的JavaScript。
如何确保导航始终在较大的屏幕大小，但允许它崩溃的移动站点？
浏览 3提问于2015-06-21得票数 0
回答已采纳
我正在尝试弄清楚如何设置一个手风琴，以便根据打开页面所使用的链接显示不同的活动面板。
如果您查看我正在处理的页面- -您可以在顶部看到一个导航栏。如果将鼠标悬停在所选内容上，则会出现一个下拉框。
第一个菜单项“课程材料”显示三个选项-“研讨会”、“远程学习”和“学习资源”。单击这些链接中的任何一个，目标页面都会打开，其中包含一个jQuery accordion。此手风琴上的标题与导航栏中的三个选项相关。
因此，为了切中要害，我想要的是根据所单击的链接打开适当的折叠选项卡。因此，如果我点击导航菜单中的‘远程学习’，‘材料’页面将加载远程学习折叠选项卡打开。
如果在没有从子菜单中选择任何选项的情
浏览 2提问于2012-11-20得票数 1
回答已采纳
我希望一些元素始终显示在导航栏中-即使菜单折叠。
我使用标准的navbar-bav类：
<ul class="nav navbar-nav pull-right">
<li>
<div id="message" class="pull-right"><i class="fa fa-envelope fa-2x"></i></div>
</li>
</ul>
问题:我希望div #消息在大屏幕和小屏幕
浏览 12提问于2017-07-18得票数 2
回答已采纳
我有一个功能齐全的导航栏，它使用了ul类"nav nav-pills navbar-right“，唯一的问题是，当折叠时，我希望它居中，每个菜单项都在自己的一行上，而不是聚集在一起，每行大约2个菜单项。
下面的图片更好地解释了这一点：
下面是我想要的样子：
感谢您在此之前的任何意见！
注意:我希望在未折叠时保持导航栏的右侧
浏览 2提问于2014-09-25得票数 0
0回答
未折叠时引导导航栏闪烁
、、、、
默认情况下，如果单击菜单项，引导导航栏菜单不会在小屏幕上折叠。
我给每个菜单项添加了data-toggle="collapse"和data-target="#navbar-collapse"，这样当菜单项被选中时，菜单就会折叠。
到目前为止还不错，但我注意到即使屏幕很大也会闪烁，而且三明治菜单中没有导航栏项目。我猜这是崩溃的动画。
我的问题是，有没有办法防止这种闪烁/禁用CSS的动画？我知道我可能会用jQuery杀死动画，但我宁愿避免这种情况，因为整个应用程序都是在Angular中构建的，我认为这并不罕见。
浏览 9提问于2016-07-06得票数 0
1回答
我有一个引导导航栏在我的网站，但当它显示为折叠，如果点击一个链接，菜单不会关闭，我想导航到页面，菜单也将关闭。
我已经添加了
data-toggle="collapse" data-target="#navbarNav"
并且做这个把戏，但是链接有一个奇怪的效果，当它不折叠时(在桌面模式下)
我创建了一个小提琴：
将代码添加到链接'Home‘，您可以看到(您需要展开结果窗口才能看到未折叠的菜单)，还可以看到当单击它时，单词会消失并再次出现
浏览 1提问于2019-06-20得票数 1
1回答
自定义响应下拉菜单
、、、、
我正在尝试将集成到我的站点中，并且在建立所需的布局方面遇到了一些困难。
我已经创建了一个JSFiddle ；您可以调整“结果”面板的宽度，以看到导航条折叠到响应下拉菜单图标中。实际下拉栏的功能是完美的；但是，我遇到的问题是，当导航链接没有折叠到菜单中时，它会在标题旁边浮动。因此，与其让链接列表(未折叠的)列表落在标题下面，我希望它们与其并排，但当脚本激活图标时，则放在下面。
CSS是我自己的一个组合，还有一些来自插件开发者的例子。我想我最终要考虑的是让nav#primary ul浮动留在头部(H1)上，然后将display:block折叠到响应导航栏中。
谢谢你在这里的帮助。
浏览 2提问于2013-09-06得票数 0
回答已采纳
1回答
我的页面上有：
固定顶部肚脐高度74 top；
在右侧栏上粘贴侧边栏导航；
左栏，具有可切换的内容；
<!-- initialization of affix -->
<body data-spy="scroll" data-target="#ds-right-navigation" data-offset="74">
<!-- toggleable content -->
<div class="panel">
<a id="ds-word-li
浏览 0提问于2014-04-20得票数 0
回答已采纳
13回答
我正在使用Bootstrap响应式导航栏。当导航栏折叠时，当我打开菜单并单击菜单项时，菜单不会自动关闭，我必须手动关闭。
是否可以在单击其中一个按钮后使菜单自动关闭？
浏览 14提问于2013-01-10得票数 40
回答已采纳
我已经在codepen上构建了一个引导导航栏，它为移动设备折叠并显示一个图标栏，当点击时，它应该会展开菜单，但是当点击时，菜单不会展开。有人能告诉我我哪里做错了吗？
我在CSS页面上启用了bootstrap，在Javascript页面上启用了jquery和bootstrap。
下面是代码的链接：
提前感谢您的帮助！
<div class="container-fluid">
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="cont
浏览 2提问于2016-02-28得票数 1
1回答
CSS媒体查询和纵向模式
、、、
我试图开发一个基于Wordpress网站的移动主题。
问题不在于Wordpress，而是为什么我的CSS代码以某种方式出现，例如我的GNexus (我也尝试过使用Windows )，但在iPad上却完全不同，总是以纵向模式出现。
特别是，我试图创建一个水平导航菜单，其中包含以下菜单声音：
菜单(包含所有页面的折叠语音)
搜索表单(显示在导航栏中心的搜索表单)
语言选择器(与导航栏的右侧对齐，并有自己的箭头显示其他可用语言)
我在这里复制了我的代码：
我还使用了这个媒体查询：
@media only screen and (orientation : portrait) {
浏览 0提问于2013-06-07得票数 0
1回答
我希望我折叠的导航栏在2列中显示。我使用bootstrap 4。
完整大小的导航栏如下所示：
而折叠的导航栏如下所示：
有没有人知道一个简单的方法来使折叠的导航栏有2列，这样每个列表项都会显示出来？所以左边是5号，右边是5号。
非常感谢您的帮助。
浏览 2提问于2018-09-26得票数 1
我正在尝试创建一个设置，其中我有一个导航条，一个可折叠菜单在导航栏，和网站内容。
很抱歉举了个坏例子，但有点像这样：
正如您可以看到，如果您悬停在子菜单链接时，下拉未展开，您仍然可以点击他们。
如何使链接显示在内容后面，同时使导航条显示在所有内容上？
我申请过这样的z-index：
.navbar {
position: fixed;
z-index: 1000;
}
.big-dropdown {
position: absolute;
z-index: -1;
}
#content {
position: relative;
z-inde
浏览 1提问于2017-05-08得票数 1
回答已采纳
1回答
我正在尝试复制此导航栏折叠内容(请参见下图)
正如你所看到的，一旦我点击汉堡包菜单，导航栏的内容就会全屏显示，而不是向下滑动。有没有什么插件或css代码片段可以用来实现这一点？谢谢你的帮助。
浏览 0提问于2015-08-06得票数 6
回答已采纳
1回答
我正在尝试将css规则应用于我的导航栏菜单，但我不希望它们显示在折叠的菜单上。使用我找到的答案，我尝试了以下操作：
@media (min-width: 980px) {
/* your conditional CSS*/
}
然而，如果我的浏览器窗口是900px，折叠的菜单不会显示，因此我的CSS也不会显示。下面是我的菜单的代码：
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
浏览 1提问于2014-08-29得票数 0
1回答
我正在做一个固定的顶部导航栏使用引导带3移动第一方法。
当我在大屏幕上观看时，我被一个问题困住了。菜单没有折叠)和I单击其中一个菜单链接，一个水平滚动出现在菜单上.
这个问题似乎发生在我在导航条可折叠的data-toggle="collapse" data-target=".navbar-collapse"上添加了div之后，或者我也尝试过使用锚链接，以便在移动视图(小屏幕)中单击链接时添加自动关闭。
当我使用它作为移动视图(小显示器)，它完美地工作，并有自动关闭时，点击一个链接，我需要。
您可以看到，在中保存了一个示例。
谁能帮我移除那个卷轴？
浏览 5提问于2014-09-02得票数 2
回答已采纳
我刚开始使用Bootstrap，在我的网页上我有一个可折叠的导航栏。问题出在我的手机(Galaxy s6)上，它显示了没有将导航栏折叠到按钮中的列。有没有办法让导航栏在col sm上崩溃？或者，有没有一种方法可以知道设备是否是移动的，并以某种方式显示？
浏览 2提问于2015-08-21得票数 0
1回答
我在Bootstrap里有个导航栏。我的网格设置为"md"，所以当我缩小我的sreen时，导航栏项目会消失，并放在一个下拉按钮中。也就是说，它可以正确地折叠。我的导航栏中只剩下品牌和下拉按钮。
但是当我增加文本大小时，比如
.navbar {
font-size: 18px;
}
有一个中间步骤，导航栏项目下的标志(在768px和991px之间)，我不想要这个。如何避免这种情况并使徽标和菜单项在同一行上，直到缺少位置(菜单项在下拉菜单按钮中可用)？
谢谢！
浏览 0提问于2015-09-24得票数 0
2回答
引导导航栏右侧的图标
、、、
在用twitter的bootstrap做一些实验时，我试图制作一个导航栏，在左边是Brand，旁边是可折叠的菜单，最后在右边是一组不能展开的图标。
这是一个：
还有有问题的部分：
<!-- Non-collapsing right-side icons -->
<div class="navbar-header navbar-right pull-right">
<ul class="nav pull-right">
<li class="pull-ri
浏览 0提问于2014-09-25得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
