如何折叠响应式导航栏
折叠响应式导航栏是一种常见的网页设计技术，用于在小屏幕设备上优化导航栏的显示效果。下面是一个完善且全面的答案：
折叠响应式导航栏是一种在小屏幕设备上优化导航栏显示的技术。在移动设备上，由于屏幕空间有限，传统的水平导航栏可能会导致页面排版混乱，用户体验不佳。折叠响应式导航栏通过将导航栏的菜单项折叠隐藏，并提供一个展开/折叠按钮，使用户可以方便地浏览和选择导航菜单。
折叠响应式导航栏的优势包括：
- 提升移动设备上的用户体验：通过在小屏幕设备上优化导航栏的显示效果，用户可以更方便地浏览和选择导航菜单，提升了用户在移动设备上的体验。
- 节省页面空间：折叠响应式导航栏将导航菜单项折叠隐藏，只在需要时展开，节省了页面空间，使页面排版更加整洁。
- 适应不同屏幕尺寸：折叠响应式导航栏可以根据设备屏幕尺寸自动调整导航栏的显示方式，适应不同的移动设备。
折叠响应式导航栏适用于各种网站和应用，特别是那些需要在移动设备上提供良好用户体验的场景，例如电子商务网站、新闻网站、博客等。
腾讯云提供了一系列与网站开发相关的产品，可以帮助开发者实现折叠响应式导航栏。其中，腾讯云的云服务器（ECS）可以提供稳定的服务器运行环境，腾讯云的云数据库（CDB）可以存储网站数据，腾讯云的内容分发网络（CDN）可以加速网站访问速度。此外，腾讯云还提供了云函数（SCF）和云开发（TCB）等产品，可以帮助开发者快速构建和部署网站应用。
更多关于腾讯云产品的介绍和详细信息，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
所以bootstrap的响应式网格对我的站点来说看起来很糟糕。当您缩小窗口时，所有内容都会被粉碎在一起，导航栏会折叠成三行(我禁用了响应式折叠导航栏)。
我试着删除bootstrap-responsive.css，但它仍然存在“流畅的实时网格崩溃”的问题。快把我逼疯了。
如何设置导航栏和整个页面的最小宽度？这样所有的东西都不会被推到一起，你必须使用水平滚动条来导航页面。
浏览 1提问于2012-09-01得票数 4
回答已采纳
我在一个页面上有几个响应式导航栏，但当我点击导航栏下拉的小图标时，屏幕上所有的导航栏都会折叠。当我只想要1个导航栏时，如何防止所有导航栏都折叠？
浏览 3提问于2012-10-01得票数 0
回答已采纳
我使用的是Liferay 6.2，并在我的html页面中包含了合金UI的Bootstrap版本，即：
<link href="http://cdn.alloyui.com/2.5.0/aui-css/css/bootstrap.min.css" rel="stylesheet" />
<script src="http://cdn.alloyui.com/2.5.0/aui/aui-min.js"></script>
我想在我的html中使用Bootstrap的响应式导航栏，就像上的例子一样，但这需要包含jqu
浏览 2提问于2014-05-20得票数 1
对于B3，有大量带有下拉菜单的顶级导航栏的模板。随着屏幕尺寸变小，菜单折叠为3栏按钮，菜单变成折叠菜单。
有没有使用Bootstrap 4做这件事的例子或模板？我找到的响应示例可以折叠菜单，并显示3栏按钮，但菜单不会变成手风琴菜单。也有许多BS4的下拉示例，但不是响应式的。
当屏幕变小时，我是否必须隐藏整个导航栏，并显示具有所有相同选项的手风琴？这似乎比BS3要多得多的工作。
浏览 1提问于2016-04-25得票数 1
我正在使用knockout和Sammy为我的路由和导航构建SPA。我在使用MVVM模型时尽量保持清晰，因为我希望所有操作都绑定到我的VM中。
我正在尝试弄清楚如何在该模式中使用Bootstrap响应导航栏。我知道如何让Bootstrap nav使用切换按钮和导航栏-折叠，但我觉得为了对称，我应该在我的VM中这样做。
唯一的问题是，我不确定如何根据bootstrap使用的媒体查询进行数据绑定，以切换导航栏切换按钮和导航的折叠部分。
我试图跨越Knockout/Bootstrap流是不是很愚蠢？有没有一种干净的方法可以通过基因敲除绑定来连接Bootstrap生态系统？
谢谢
Tal
浏览 0提问于2014-09-29得票数 0
1回答
我创建了一个网站，它不包含任何折叠导航栏。因此，当分辨率降低时，菜单将显示为堆栈。
我的大部分网页都被毁了。我现在没有时间把我的设计转换成引导。
是否可以使用css3创建响应性的、折叠的“导航栏”。而不用引导或JavaScript？
浏览 4提问于2014-01-13得票数 0
回答已采纳
1回答
自定义响应下拉菜单
、、、、
我正在尝试将集成到我的站点中，并且在建立所需的布局方面遇到了一些困难。
我已经创建了一个JSFiddle ；您可以调整“结果”面板的宽度，以看到导航条折叠到响应下拉菜单图标中。实际下拉栏的功能是完美的；但是，我遇到的问题是，当导航链接没有折叠到菜单中时，它会在标题旁边浮动。因此，与其让链接列表(未折叠的)列表落在标题下面，我希望它们与其并排，但当脚本激活图标时，则放在下面。
CSS是我自己的一个组合，还有一些来自插件开发者的例子。我想我最终要考虑的是让nav#primary ul浮动留在头部(H1)上，然后将display:block折叠到响应导航栏中。
谢谢你在这里的帮助。
浏览 2提问于2013-09-06得票数 0
回答已采纳
我在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提问于2014-01-24得票数 0
1回答
我在自己的组件menu中有一个navbar。我创建了一个服务，以便以后能够从其他组件检测导航栏是否折叠。因此，我可以随时从其他组件引用该服务，并确定导航栏是否已折叠。
如果导航栏具有类show，则它不会折叠。
因此，我可以引用菜单组件中的导航栏：
@ViewChild("navbar") navbar: ElementRef;
我可以使用以下命令检查它是否已折叠：
this.navbar.nativeElement.classList.contains("show")
如何从服务内部检测导航栏是否已折叠？
下面是一个运行代码：
浏览 9提问于2019-07-07得票数 0
回答已采纳
13回答
我正在使用Bootstrap响应式导航栏。当导航栏折叠时，当我打开菜单并单击菜单项时，菜单不会自动关闭，我必须手动关闭。
是否可以在单击其中一个按钮后使菜单自动关闭？
浏览 14提问于2013-01-10得票数 40
回答已采纳
所以我一直在摆弄，当你缩小浏览器窗口时，顶部导航栏如何折叠成不同的布局，这让我很感兴趣。
这是它看起来展开的样子：
这是它在折叠时的样子：
它是如何做到这一点的？
浏览 0提问于2012-05-13得票数 4
回答已采纳
我试图使一个导航栏，但我需要它从右到左，因为它在希伯来语。
我试着做了一个响应式导航栏，所有链接的按钮都在左边和右边。右边有个牌子。它们在小型设备上崩溃。
嗯，我不能让它反转，我有时也会遇到一个问题，在小型设备上，品牌和折叠按钮在导航栏的中间发生碰撞。
浏览 5提问于2017-06-07得票数 0
回答已采纳
我想用bootstarp制作可折叠的导航栏。我使用npm下载了bootstrap。
如何包含Bootstrap JS文件以使导航栏可折叠？
浏览 0提问于2019-10-01得票数 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创建自动堆叠的响应式选项卡。我的导航密码是-
<div>
<ul id="tabslist_navs" class="nav nav-tabs">
<li><a href="#">Normal</a></li>
<li><a href="#">Hover</a></li>
<li><a href="#
浏览 5提问于2012-12-15得票数 18
我正在工作的网站没有使用桌面版的Bootstrap导航栏，而是利用了移动版的响应式导航栏(并隐藏了自定义导航)。导航栏没有实际的链接，甚至在桌面版本中也存在，显示品牌推广和搜索表单。
然而，问题是该网站最终有三种导航类型：
1)自定义导航单元，桌面版使用。2)带有切换按钮的折叠导航栏3)大多数平板电脑上默认的“导航栏中的导航链接”。我想摆脱这个:有太多的链接(不能对网站结构做太多的改变)，它看起来很嘈杂。
有没有可能Bootstrap的导航栏总是崩溃？
浏览 1提问于2013-06-09得票数 1
1回答
我正在对导航栏使用Materialize。我正在尝试将导航栏折叠成移动设备上的侧边栏，如所示。它确实会折叠成一个侧边菜单，但导航栏在移动设备上太小了，如所示。如何让导航栏变得更窄更高，让它在手机上更好用？我也在Meteor中使用materialize:materialize包，如果相关的话。
浏览 2提问于2016-06-05得票数 0
我刚接触Bootstrap，所以在使用响应式导航栏时遇到了困难。这就是我想看到的:品牌-搜索栏-消息/通知-空格-右侧的链接
在小型设备上，除了品牌和消息/通知之外，一切都应该崩溃。
这就是我尝试过的：
在以前的链接中，搜索栏应该在消息/通知之前，但无论我尝试做什么，搜索栏都不会折叠。
有人能帮我一下吗？
浏览 0提问于2015-02-03得票数 2
1回答
在我的页面中，我使用的是左侧导航栏，所以当我展开和折叠导航栏时，其中一个div宽度会发生变化。由于这一变化，整个设计也发生了变化。
当导航栏折叠时
当展开导航栏时
当左侧导航栏被展开时，它可以完美地工作。
所以我想在导航栏展开或折叠时保持背景宽度不变。
浏览 2提问于2018-10-09得票数 0
1回答
我有一个我正在工作的wordpress网站，它已经有几年的历史了(但尽可能多地使用date...as )，并且使用了"Expound“主题。
它应该是有响应的，但是导航栏不能正常工作。当显示屏宽度小于600px时，导航栏菜单就会折叠，这是理所当然的。问题是，当你点击折叠的“菜单”时，菜单不会扩展。
我只想知道需要做些什么才能在移动设备/小屏幕上真正显示导航栏。
我非常乐意提供代码片段，但我不太确定问题出在哪里。
这是我的reset.css文件包含的内容(这是负责折叠操作的内容)：
/* Small menu */
.menu-toggle {
display: none
浏览 1提问于2018-04-05得票数 0
2回答
在引导导航栏中，我有一个下拉菜单。
在较小的屏幕上，导航条被折叠，我得到一个按钮来切换导航栏项的可见性。
因为我唯一的项目，是下拉菜单，我觉得它有点“愚蠢”，必须首先点击来切换导航可见性，然后单击下来菜单。
我可以看到，真正触发下拉列表的是将类open添加到下拉菜单中--就像in似乎会触发折叠导航栏的可见性一样。
但是，当显示折叠导航条时，如何使下拉“自动下拉”？
用来说明的小小提琴：
浏览 5提问于2015-05-07得票数 0
回答已采纳
如何为特定导航栏而不是所有导航栏更改折叠断点。
我希望这个导航栏在500px时崩溃：
<ul class="navbar-collapse-500 nav navbar-nav">
<li class="active">
<a href="#">Link1</a>
</li>
<li>
<a href="#">Link2</a>
</li>
<li&g
浏览 1提问于2016-05-23得票数 1
2回答
我读过一些不同的解决方案，但没有一个是特定于Rails应用程序的，因此我找不到解决方案。我有一个使用twitter bootstrap的rails应用程序。我在导航栏中使用它们的响应功能，当视口缩小时，导航栏上的图标会折叠成一个下拉按钮……我遇到的一个问题是，当导航栏同时在桌面和手机上折叠时，导航栏上方会出现空白。我读到过关于在其中添加一些内联样式来调整填充的内容，特别是：
<style type="text/css">
body {
padding-top: 60px;
padding-bottom:
浏览 0提问于2013-04-08得票数 3
回答已采纳
我正在尝试实现响应式折叠导航栏，.When窗口宽度很窄，导航栏正在折叠，带有类btn的按钮出现。我想要的是，当某个动作发生时，能够从JavaScript手动调用这个折叠函数。
我不明白在bootstrap.js中窗口的大小调整是在哪里被监视的，以及折叠函数是如何被调用的。
这是我的导航栏的代码：
<div class="navbar navbar-fixed-top" id="pantry_header">
<div class="navbar-inner">
<div class="containe
浏览 0提问于2013-12-03得票数 0
1回答
我正在使用Bootstrap尝试创建一个响应式导航栏。每当我在本地测试站点(即在浏览器中打开它)时，导航栏就会折叠，并且可以单击按钮，这就是我想要的。当我将站点放到网上时，导航栏会折叠，但按钮不可点击。我已经搜索了其他类似的问题(我知道有很多)，但似乎找不到哪里出了问题。
我还试图浏览文档，但没有成功。我还想在折叠时将按钮放在导航栏的左侧，但我似乎不知道该怎么做。我做错了什么？
相关代码如下：
<nav class="navbar navbar-inverse top-buffer" role="navigation">
<di
浏览 2提问于2016-05-27得票数 0
我需要一些帮助，试图弄清楚如何使用bootstrap为1-col或移动设备折叠双导航栏设置。理想情况下，我希望两个导航栏都折叠到同一个折叠的统一菜单中。
我一直在复制、粘贴和编辑，试图弄清楚这一点。
浏览 1提问于2017-05-25得票数 0
2回答
基本上，我在页面顶部有一个导航栏。此导航栏具有折叠功能，因此菜单仍可用于小屏幕。我想在这个可折叠导航栏的底部附加一个div。更具体地说，在屏幕的右侧，会有一个红色的圆圈，它以导航栏的边界为中心。 我正在寻找这样的东西：enter image description here圆圈不是一个按钮。可折叠按钮仅在小屏幕上显示(在导航栏的右侧) 我已经尝试了很多我在网上找到的建议。他们中的大多数人建议给父div一个相对位置和一个子div的绝对位置。但它从来没有起作用，而且只有一次起作用了，它没有反应。 下面是我当前的HTML无响应代码 .circle {
position:absolute;
浏览 39提问于2019-06-21得票数 1
回答已采纳
1回答
我希望我折叠的导航栏在2列中显示。我使用bootstrap 4。
完整大小的导航栏如下所示：
而折叠的导航栏如下所示：
有没有人知道一个简单的方法来使折叠的导航栏有2列，这样每个列表项都会显示出来？所以左边是5号，右边是5号。
非常感谢您的帮助。
浏览 2提问于2018-09-26得票数 1
我目前正在设计一个使用Twitter引导的网页，在我的页面上，我想要一个导航栏，当页面的宽度缩小时，导航条会崩溃，第二个导航条固定在页面底部，当页面缩小时不会折叠，因为它只会有一些社交媒体图标。
问题是，我希望顶部导航栏响应，而底层导航条没有响应。
是否可以使用引导带3，到目前为止，我对底部导航条的内容如下：
<div class = "navbar navbar-inverse navbar-fixed-bottom">
<div class = "container">
<ul class = "
浏览 3提问于2015-04-12得票数 2
回答已采纳
1回答
移动设备的响应式水平菜单
、、、
我在想，这可能是一个糟糕的问题，或者我想得太多了，但我做了一个响应式的水平菜单，没有移动设备的折叠条。这真的是一个糟糕的设计想法吗？我使用的是flexbox，它对我测试的大多数设备都有响应。 我应该让它像大多数网站一样成为一个可折叠的导航栏吗？如果这是个坏主意，为什么呢？ ?
浏览 11提问于2020-09-30得票数 0
4回答
响应式网站在移动设备上缩小到全宽
、、、、
我正在测试Bootstrap响应性导航栏，我有一个网站。当我在桌面上调整浏览器的大小时，一切都很好，包括导航栏，它变成了可折叠的菜单，顶部有一个小图标，我可以点击它来查看更多的菜单按钮。
但当我在手机浏览器上试用(我在chrome和Android上的互联网浏览器上试用)时，我没有看到响应式的设计。我只能看到非常小的桌面版本，比如网站。
谁能指出我做错了什么？
浏览 41提问于2013-10-03得票数 143
回答已采纳
1回答
我只想问一问如何创建这样的边栏。看看这个链接。
(左侧导航)它是使用twitter引导的流体布局，也是可折叠的。在这个管理面板中有3个可折叠的步骤，用于左侧导航。
图标、文本(台式机、笔记本电脑等)
图标(平板电脑、ipad等)
可折叠列表(移动电话)
我试着想办法做这种液体的，可折叠的边栏。但我还是做不到。所以，如果有人知道如何使用twitter引导，请告诉我。
浏览 2提问于2012-11-10得票数 1
这就是我想要做的。我希望在不改变导航栏高度的情况下，将导航栏的品牌图像与导航栏重叠(导航栏的固定高度为80px)。它有点工作，但是我不能让图像完全曝光，它是在顶部被剪切的。我尝试了vertical-align: top，但它只是稍微改变了位置，图像仍在被剪切。我希望它从屏幕的顶部开始，没有任何填充。
在屏幕小于md的设备上，重叠的图像被隐藏，另一个图像被显示，现在应该是img-fluid，并将其大小调整为导航栏的大小。然而，当调整屏幕大小以使导航栏折叠时，导航栏大小保持为80px，但图像开始与其重叠，折叠切换按钮也变得混乱。我怎么才能让这两件事都正常工作呢？
这里有一个代码员：
编辑:此外，我
浏览 0提问于2019-02-11得票数 0
AdminLTE 2.4.3演示：
单击折叠图标时，我想折叠左侧栏，但不想折叠顶部导航栏。
我已经尝试过了，但似乎找不到一个简单的解决方案。因为折叠函数应用于<body>标记，所以我不确定如何绕过它。
例如，我希望它像这样崩溃：
浏览 5提问于2018-07-12得票数 0
回答已采纳
我是新的启动带3。工作的响应布局。
我有一个以标识为中心的对齐和下方的导航栏，其中有几个链接。“关于我们”、“联系我们”、“常见问题”等。
我的要求是1024以上的分辨率，导航栏应该出现在下面的徽标在一个酒吧。
低于1024分辨率，它应该是折叠和查看在右边的标志。
请给我建议。
浏览 2提问于2013-12-31得票数 0
回答已采纳
我正在建立一个具有导航栏和侧面导航的网站。侧导航应该折叠，导航栏(不是一个小屏幕)不应该。 document.addEventListener('DOMContentLoaded', function() {
var elems = document.querySelectorAll('.sidenav');
var instances = M.Sidenav.init(elems, {'draggable':true}); 由于上面的代码，导航栏和侧边导航都将崩溃。如何防止导航栏崩溃？
浏览 13提问于2021-11-12得票数 0
1回答
我正在使用Bootstrap 3.0来显示一个带有一些链接和搜索字段的导航栏。当我转到“手机版”时，我有一个按钮可以折叠导航栏，并显示所有内容:链接和搜索栏。现在我需要两个按钮，一个按钮只折叠导航栏的链接，另一个按钮只折叠搜索字段。我该怎么做呢？
浏览 1提问于2013-09-16得票数 14
回答已采纳
当肚脐已经折叠，然后通过切换按钮打开时，我该如何在引导带中设置导航条的样式？当菜单折叠到按钮中时，看起来并不像引导程序将类添加到导航栏中。似乎应该存在一个类，当导航条处于展开/折叠模式时。
浏览 12提问于2015-05-18得票数 2
回答已采纳
我有一个导航栏，在桌面上是打开的，在移动设备上是折叠的。我可以在手机上点击NavbarToggler来打开导航栏。当我点击移动设备上的NavLink时，我希望导航栏再次折叠。我为Navlink添加了一个onclick()切换功能，它在移动设备上运行良好，但现在桌面上的导航栏将会折叠，并在我单击导航链接时立即再次打开。有没有办法在桌面上始终打开导航栏，并在移动设备上单击NavLink时将其折叠？ const [isOpen, setIsOpen] = useState(false);
const toggle = () => setIsOpen(!isOpen);
<Navbar
浏览 28提问于2020-09-14得票数 1
回答已采纳
我正在使用Jquery Mobile创建一个iPad应用程序，并希望使用<div class="content-secondary">创建一个导航栏，在该导航栏中包含可扩展的内容
现在我可以在二级目录中创建一个简单的基于<li>的导航，但是当我尝试添加可扩展的内容时，它不会像预期的那样呈现--只是显示展开的内容，而没有任何标题或折叠方式。我曾尝试创建一个JSFiddle来说明()，但似乎JSFiddle不支持辅助导航窗格，因为无论我如何扩展宽度，它只会呈现为连续的页面内容。
如果你点击上面的Fiddle链接，你会看到导航栏被附加在主要内容的底部。可折叠的
浏览 1提问于2012-04-09得票数 1
回答已采纳
twitter-bootstrap 'hero‘示例()运行良好。冒着描述显而易见的事实的风险。在小屏幕上，当导航栏菜单被激活时，只有第一级项可见，子项被折叠。当点击具有子项的项时，子项将展开并变为可见。也可以通过再次点击父对象来折叠它们。
我在Joomla站点()上使用引导模板。不幸的是，当导航栏在一个小屏幕上被激活时，它会扩展许多子项。点击父项目不会展开/折叠其子项目。
如何让twitter-bootstrap导航栏子项在小屏幕上折叠/展开？是什么引导程序代码/文件导致了这种行为？
我知道一些css和javascript，但还不足以解决这个问题。
谢谢。
浏览 5提问于2013-04-06得票数 4
我已经使用twitter bootstrap为我的站点实现了响应式设计。可折叠的导航栏在手机上效果很好，但在平板电脑和ipads上就不行了。基本上，我希望在平板电脑或ipad上自动实现可缩放式导航。我发现bootstrap文档有点混乱。有没有人能给我一些指导。
浏览 2提问于2013-03-29得票数 0
希望这个图表能更好地解释我的目标：
这个导航栏也是响应式的；社交标志符号会折叠成汉堡菜单。当这种情况发生时，我希望标题保持居中，尽管我自己可能可以做到这一点。
浏览 2提问于2020-12-24得票数 0
1回答
我开始一个新的项目与启动3，我需要点击“三明治”图标在响应视图，将打开折叠肚脐从左侧离开画布，而不是从顶部像默认行为。
当我看到在正式文档中只有时，我很惊讶，这是在推延画布的侧边栏，而不是主导航栏.
你能帮帮我吗?
浏览 2提问于2014-06-17得票数 1
1回答
我正在使用引导4，我已经创建了一个部分可折叠的侧边栏，它实际上非常适合我。
我的问题是，我正在尝试添加一个顶部的标题/导航栏，它保存了用来折叠边栏的按钮，在标题导航栏的右边，我希望我的用户图标用于登录和输出，等等。
我创建了一个名为#userHeader的标题，它扩展了页面的宽度并放置了切换按钮(同样，这个部分可以工作)，但是我使用了100vw作为标题，这太宽了，因为它扩展到页面之外，您看不到图标。
我的问题是:我如何在这里创建一个响应性的标题，它总是从边栏占用的空间中扩展页面的剩余宽度？
换句话说，如果它不是折叠的，边栏占了页面的15%，然后一旦折叠，它就占了5%，标题将以现在的方式进行补偿
浏览 0提问于2018-06-04得票数 0
回答已采纳
我正在使用bootstrap 3.0，并在一个移动网站上工作。我想知道如何改变按钮的背景颜色。导航栏-当导航栏折叠时切换。
基本上我想问的是，当导航栏菜单打开时，如何在移动设备上显示“按下”状态？
浏览 5提问于2013-09-21得票数 1
正如标题中所述，当我单击导航栏按钮时，导航栏不会折叠，但会保持打开状态。 之前我遇到了数据切换的问题，你必须在bootstrap 5中进行数据切换，我解决了这个问题。 但是这个问题我也找不到任何答案。 当我在devTools中检查<div class ="collapse navbar-collapse" id="navbar">时，它在单击时更改为<div class ="navbar-collapse collapse show" id="navbar">。当我单击按钮折叠导航栏时，它会显示正在折叠，
浏览 62提问于2021-03-16得票数 1
回答已采纳
如何让我的导航栏在移动设备上使用bootstrap可折叠？我试着直接使用bootstrap网站上的代码，但它要么使我的导航栏完全消失，要么就是不起作用。任何帮助都将不胜感激。下面是我当前的导航栏。
<!-- Start Navigation -->
<nav>
<ul class="nav justify-content-center">
<li class="nav-item">
<a class="nav-li
浏览 0提问于2021-01-04得票数 1
1回答
我不知道如何正确地表达这一点，但我想做的是让顶部栏()在向下滚动时折叠，并在返回顶部时重新出现，我想让底部栏填满顶部栏的位置。此时的两个导航栏是静态导航栏，底部的导航栏具有偏移量
~哑光
浏览 1提问于2015-07-05得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
