导航栏-切换按钮不显示折叠的元素
是指在网页的导航栏中，当屏幕宽度较小时，导航栏中的元素会被折叠隐藏起来，只显示一个切换按钮。然而，有时候在某些情况下，切换按钮却无法显示折叠的元素，导致用户无法访问隐藏的导航选项。
这个问题可能是由于以下几个原因导致的：
- CSS样式问题：可能是由于CSS样式设置不正确导致切换按钮无法显示折叠的元素。可以检查CSS样式表中与导航栏相关的代码，确保正确设置了折叠和显示的样式。
- JavaScript代码问题：导航栏的折叠和显示通常是通过JavaScript代码来实现的。可能是由于代码错误或冲突导致切换按钮无法正常工作。可以检查相关的JavaScript代码，确保代码逻辑正确并且没有错误。
- 响应式设计问题：导航栏的折叠和显示通常是为了适应不同屏幕尺寸的设备而设计的。可能是由于响应式设计方面的问题导致切换按钮无法正常显示折叠的元素。可以检查响应式设计的相关设置，确保正确适配各种屏幕尺寸。
解决这个问题的方法可以包括以下几个步骤：
- 检查CSS样式：仔细检查导航栏的CSS样式表，确保正确设置了折叠和显示的样式。可以使用浏览器的开发者工具来检查元素的样式设置，并进行调试和修改。
- 检查JavaScript代码：仔细检查与导航栏相关的JavaScript代码，确保代码逻辑正确并且没有错误。可以使用浏览器的开发者工具来检查JavaScript代码的执行情况，并进行调试和修改。
- 检查响应式设计：仔细检查响应式设计的相关设置，确保正确适配各种屏幕尺寸。可以使用浏览器的开发者工具来模拟不同的设备和屏幕尺寸，检查导航栏在不同情况下的显示效果。
腾讯云相关产品和产品介绍链接地址：
相关·内容
当我的站点在小屏幕上显示导航栏折叠的切换按钮时，我编写了一些jquery来在单击菜单项时隐藏导航栏，然后再次单击导航栏切换按钮时，我想让它简单地再次显示出来，这样用户就可以选择另一个菜单项。发生的情况是，在第一个hide()事件之后，需要单击两次导航栏切换按钮才能显示菜单。我怎么才能得到它，只需要一次点击？以下是网站的代码和链接：
$('.select').on('click', function() {
$('#navigation').hide();
});
$('.navbar-toggle'
浏览 1提问于2016-03-11得票数 0
我正在使用bootstrap 3.0，并在一个移动网站上工作。我想知道如何改变按钮的背景颜色。导航栏-当导航栏折叠时切换。
基本上我想问的是，当导航栏菜单打开时，如何在移动设备上显示“按下”状态？
浏览 5提问于2013-09-21得票数 1
1回答
我正在使用Bootstrap 3.0来显示一个带有一些链接和搜索字段的导航栏。当我转到“手机版”时，我有一个按钮可以折叠导航栏，并显示所有内容:链接和搜索栏。现在我需要两个按钮，一个按钮只折叠导航栏的链接，另一个按钮只折叠搜索字段。我该怎么做呢？
浏览 1提问于2013-09-16得票数 14
回答已采纳
2回答
在引导导航栏中，我有一个下拉菜单。
在较小的屏幕上，导航条被折叠，我得到一个按钮来切换导航栏项的可见性。
因为我唯一的项目，是下拉菜单，我觉得它有点“愚蠢”，必须首先点击来切换导航可见性，然后单击下来菜单。
我可以看到，真正触发下拉列表的是将类open添加到下拉菜单中--就像in似乎会触发折叠导航栏的可见性一样。
但是，当显示折叠导航条时，如何使下拉“自动下拉”？
用来说明的小小提琴：
浏览 5提问于2015-05-07得票数 0
回答已采纳
我想要做的就是点击一个按钮来折叠侧边栏。要做到这一点，我必须知道“哪里”是自动折叠侧边栏的事件，以及如何以编程方式触发它。正如您在中看到的，如果您向左调整垂直处理程序的大小，Dashboard菜单选项将显示出来，如果您将其调整到右侧，该小按钮将显示在右角。
*编辑*
查看css，我可以找到事件发生的位置：@media (min-width:768px) { ... }，因此，当屏幕宽度小于768px时，侧边栏将折叠，导航按钮将显示出来。如何以编程方式实现此操作？一张图片解释了我想要的行为：
浏览 1提问于2014-07-02得票数 2
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
回答已采纳
我有一个侧边导航，在小型设备上可以很好地从左侧切换。一切都很完美，除了当你点击侧边栏中的一个链接时；我不想用导航栏来隐藏和显示内容div，但是它被卡住了，你必须点击切换按钮来删除侧边栏。我应该怎么做才能让导航栏在不使用折叠的情况下在单击时消失？
按钮
<button type="button" id="sideBtn" class="navbar-toggle leftToggle" data-
toggle="offcanvas">
<span class="sr-only">M
浏览 1提问于2018-05-03得票数 0
对于B3，有大量带有下拉菜单的顶级导航栏的模板。随着屏幕尺寸变小，菜单折叠为3栏按钮，菜单变成折叠菜单。
有没有使用Bootstrap 4做这件事的例子或模板？我找到的响应示例可以折叠菜单，并显示3栏按钮，但菜单不会变成手风琴菜单。也有许多BS4的下拉示例，但不是响应式的。
当屏幕变小时，我是否必须隐藏整个导航栏，并显示具有所有相同选项的手风琴？这似乎比BS3要多得多的工作。
浏览 1提问于2016-04-25得票数 1
1回答
我希望我折叠的导航栏在2列中显示。我使用bootstrap 4。
完整大小的导航栏如下所示：
而折叠的导航栏如下所示：
有没有人知道一个简单的方法来使折叠的导航栏有2列，这样每个列表项都会显示出来？所以左边是5号，右边是5号。
非常感谢您的帮助。
浏览 2提问于2018-09-26得票数 1
我正在寻找一个布局设计，其中有固定宽度的导航栏的两边都有一个流动的中心布局。我也想看看我能不能让它响应。导航栏应该折叠成使导航栏滑出的按钮，例如：
这几乎就是我所需要的，但是在这个例子中导航栏并没有被修复。
浏览 2提问于2014-01-24得票数 0
我想在导航栏切换按钮旁边显示一个显示在导航栏上的电话号码。只有当导航栏处于折叠状态时，切换按钮才会出现。我希望文本出现在它的旁边。
这是我现在所拥有的：
这就是我想要实现的：
相关div中的HTML：
<div class="header-centered"><img src="http://placehold.it/350x150"></div>
<div class="navbar">
<div class="navbar-inner">
浏览 2提问于2013-02-21得票数 4
回答已采纳
我正在尝试制作一个导航栏与正确的折叠动画时，有移动屏幕大小。 我一直在关注这个教程：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 5中进行数据切换，我解决了这个问题。 但是这个问题我也找不到任何答案。 当我在devTools中检查<div class ="collapse navbar-collapse" id="navbar">时，它在单击时更改为<div class ="navbar-collapse collapse show" id="navbar">。当我单击按钮折叠导航栏时，它会显示正在折叠，
浏览 62提问于2021-03-16得票数 1
回答已采纳
我有一个侧边导航栏切换，并通过点击任何点远离导航栏按钮，导航栏折叠和按钮不工作点击它
$("#menu-toggle").click(function (e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
$(document).click(function (e) {
if ($('#wrapper').hasClass('toggled')) {
$("#body").cl
浏览 4提问于2018-06-20得票数 2
2回答
我的UI使用bootstrap框架。我用同样的框架做了一个导航栏。当我减小屏幕尺寸时，我会得到以下输出
不过，如果我缩小窗口大小，我可以看到像这样的折叠按钮
我缩小了窗口，我不想看到像在图像缩小窗口中的那个。，.If。相反，如果我缩小了窗口大小，是否可以在没有缩小窗口阶段的情况下看到折叠按钮？
浏览 16提问于2016-08-31得票数 0
我正在工作的网站没有使用桌面版的Bootstrap导航栏，而是利用了移动版的响应式导航栏(并隐藏了自定义导航)。导航栏没有实际的链接，甚至在桌面版本中也存在，显示品牌推广和搜索表单。
然而，问题是该网站最终有三种导航类型：
1)自定义导航单元，桌面版使用。2)带有切换按钮的折叠导航栏3)大多数平板电脑上默认的“导航栏中的导航链接”。我想摆脱这个:有太多的链接(不能对网站结构做太多的改变)，它看起来很嘈杂。
有没有可能Bootstrap的导航栏总是崩溃？
浏览 1提问于2013-06-09得票数 1
我目前正在使用Bootstrap v3.3.6和jQuery v1.9.1。我有一个应用程序，一旦达到一定的屏幕分辨率，就会折叠一个水平导航栏。我喜欢这个功能是如何工作的，并希望维护当前的屏幕分辨率断点。当肚脐达到一定宽度时，我想做的也是折叠肚脐。该应用程序允许不同的用户具有不同的角色，这些角色可以根据用户的角色从导航栏中添加或删除项。
有没有一种通过CSS根据导航条的宽度折叠导航条的方法？javascript是唯一的选择吗？
浏览 0提问于2016-12-27得票数 0
回答已采纳
1回答
我正在使用引导构建一个可折叠的侧边栏，当侧边栏切换到一个迷你导航时，我试图让一个子菜单从侧边栏中弹出。
示例：
当窗口大小> 767时，单击“切换”按钮，侧边栏将缩小为一个迷你导航。然后，当您悬停在齿轮图标(设置)上时，子菜单将显示在图标右侧的侧边栏中(当您悬停图标时，可以通过向右滚动来看到这一点)。我希望这个子菜单显示在侧边栏之外。有人能帮我吗？
浏览 7提问于2015-04-02得票数 0
回答已采纳
我刚开始使用Bootstrap，在我的网页上我有一个可折叠的导航栏。问题出在我的手机(Galaxy s6)上，它显示了没有将导航栏折叠到按钮中的列。有没有办法让导航栏在col sm上崩溃？或者，有没有一种方法可以知道设备是否是移动的，并以某种方式显示？
浏览 2提问于2015-08-21得票数 0
1回答
编辑9-10-19:我给了img标签一个"logo“类，并将内联样式移到了单独的样式表中，导航栏链接仍然不会折叠为切换图标。
我已经成功地设计了一个bootstrap导航栏，但由于某些原因，当我减小页面大小时，导航栏链接不会折叠成一个切换图标，它们只是消失了。
我希望导航栏链接消失，如果页面变得太小，但被一个按钮，可以切换到显示导航栏链接。
我已经做了很多检查，我找到的大多数问题解决方案都涉及到确保div ids匹配，我非常确定我的div ids匹配，请帮助我！
<nav class="navbar navbar-expand-md navbar-light"&g
浏览 3提问于2019-09-10得票数 0
2回答
我希望导航栏总是在移动设备上扩展，但垂直显示时，折叠导航栏是正常切换。由于导航栏总是展开的，所以我也想删除汉堡按钮的可见性。
在桌面上，导航栏应该总是扩展和水平的，这在我的代码中已经起作用了。
我以为在导航栏toggler上简单地使用aria-expanded="true“就可以了，但它似乎不起作用。
小提琴：
代码：
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<button cl
浏览 8提问于2018-08-15得票数 4
回答已采纳
我正在尝试使用bootstrap来创建导航栏。导航栏的左侧是功能菜单。右侧是导航按钮，带有指向控制面板或注销页面等的链接。
导航栏如下图所示。
当我减小浏览器的大小时，它应该如下图所示。
但是，如果浏览器是中等大小，导航栏将如下图所示。
也就是说，左边的导航栏和右边的导航栏不是内联的，而是堆叠在一起的。
我想知道如何让左侧和右侧导航栏始终内联，或者只是折叠它们。
代码位于：
我尝试按照这个来解决这个问题，但是失败了。
有什么需要帮忙的吗？
浏览 1提问于2016-03-12得票数 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
回答已采纳
3回答
也许品牌导航栏按钮不是这样做的方式，但当我希望是当导航栏折叠并显示切换按钮时，我希望出现一些文本或主页链接。
如下所示：
我希望在导航栏没有崩溃的时候隐藏品牌。这个是可能的吗？
浏览 0提问于2014-11-08得票数 5
回答已采纳
我正在钻研JavaScript的世界，对我目前正在经历的一个难题有一个疑问……
我有一个菜单按钮，显示和隐藏在网站上的导航菜单我正在工作的这个菜单按钮，我已经附加了一些JavaScript来‘隐藏’主网站内容时，显示的导航栏是显示和‘显示’的主要内容时，导航栏再次关闭。
我编写的JavaScript确实可以完成这项工作，但我知道它是不正确的，而且不知何故我搞错了！我之所以知道这一点，是因为‘because’和'hide‘元素的脚本计时值都与每个other...making交互，设置动画的时间有点不可预测，无法准确设置。
显示和隐藏导航菜单的菜单按钮附加了以下类：
.menu-toggl
浏览 1提问于2017-09-23得票数 1
1回答
角度-边栏导航
、、、
我尝试创建一个从左侧导航的幻灯片，而不是传统的折叠时向下导航的引导程序。
切换按钮的HTML
<button id="collapseBtn" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label
浏览 48提问于2020-05-12得票数 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
2回答
我有一个导航边栏，它在单击按钮时展开，并再次收缩单击相同的按钮。
当导航条折叠时，按钮上的文本显示为展开>
当导航条展开时，按钮上的文本显示折叠<
参见此
问题是，按钮上的文本“展开”或“折叠”是水平出现的，而我希望它们垂直显示为这样。
我使用CSS transform属性来旋转文本-90 and，它最初运行得很好。
#expand, #collapse{
font-size: 0.8em;
font-weight: bold;
font-family: 'Ubuntu', serif;
-webkit-transform:
浏览 6提问于2017-09-12得票数 2
回答已采纳
我有一个导航栏，在桌面上是打开的，在移动设备上是折叠的。我可以在手机上点击NavbarToggler来打开导航栏。当我点击移动设备上的NavLink时，我希望导航栏再次折叠。我为Navlink添加了一个onclick()切换功能，它在移动设备上运行良好，但现在桌面上的导航栏将会折叠，并在我单击导航链接时立即再次打开。有没有办法在桌面上始终打开导航栏，并在移动设备上单击NavLink时将其折叠？ const [isOpen, setIsOpen] = useState(false);
const toggle = () => setIsOpen(!isOpen);
<Navbar
浏览 28提问于2020-09-14得票数 1
回答已采纳
我在一个页面上有几个响应式导航栏，但当我点击导航栏下拉的小图标时，屏幕上所有的导航栏都会折叠。当我只想要1个导航栏时，如何防止所有导航栏都折叠？
浏览 3提问于2012-10-01得票数 0
回答已采纳
3回答
我已经搜索了很多，但仍然没有找到任何类似的东西。如果用navbar替换navbar-collapse，我得到的外观就像切换了显示折叠的菜单项按钮一样。我还发现了一些问题，如何减少导航栏崩溃时的断点，但这不是我需要的。我需要的是删除可折叠的菜单一般。有什么想法吗？
浏览 9提问于2014-03-03得票数 0
这就是我想要做的。我希望在不改变导航栏高度的情况下，将导航栏的品牌图像与导航栏重叠(导航栏的固定高度为80px)。它有点工作，但是我不能让图像完全曝光，它是在顶部被剪切的。我尝试了vertical-align: top，但它只是稍微改变了位置，图像仍在被剪切。我希望它从屏幕的顶部开始，没有任何填充。
在屏幕小于md的设备上，重叠的图像被隐藏，另一个图像被显示，现在应该是img-fluid，并将其大小调整为导航栏的大小。然而，当调整屏幕大小以使导航栏折叠时，导航栏大小保持为80px，但图像开始与其重叠，折叠切换按钮也变得混乱。我怎么才能让这两件事都正常工作呢？
这里有一个代码员：
编辑:此外，我
浏览 0提问于2019-02-11得票数 0
2回答
我使用的是引导带3。我使用标准的navbar-toggle类和带有类图标条的3个span元素来切换小屏幕的菜单，如下所示： (部分：“折叠纳瓦”)
我想在图标栏旁边添加一个标签，这样如果在折叠的菜单中有通知，我也可以在汉堡包图标上显示它。
但是，每当我更改“汉堡包”图标( icon-bar spans)时，就会在底部添加填充物，从而使按钮占据更高的位置，从而使肚脐占据更高的位置.这很糟糕，我不想改变纳瓦尔巴的高度。
我尝试过的东西:我可以将图标条封装在一个跨度中，并使它成为内联块，但这也增加了填充。即使将简单的文本放置在导航条折叠按钮中，也会向按钮和导航条添加底部填充。
有什么建议，我可以添加
浏览 1提问于2018-07-13得票数 1
回答已采纳
我正在尝试替换导航栏按钮中的三个栏，该按钮在导航栏折叠时出现。
原始代码是：
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="i
浏览 1提问于2013-01-26得票数 2
我正在创建一个简单的离子仪表板，它由顶部的工具栏和左侧的可折叠菜单(导航条)组成。菜单由工具栏中的菜单按钮切换，但是单击独立的'div‘组件也会导致菜单隐藏。
<ion-content>
<ion-menu type="push" menuId="nav-menu">
// create menu items
</ion-menu>
<div main>
hello world
</div>
</ion-content>
浏览 3提问于2019-07-17得票数 1
回答已采纳
我使用的是bootstrap 4 beta版。
我有一个导航栏，当屏幕全尺寸时，它使用标准大小的按钮作为导航项目，这些按钮显示在导航栏的右侧，与站点徽标一起显示，站点徽标位于导航栏的左侧。
我希望这些按钮跨越宽度的导航栏下拉菜单时，屏幕很小，汉堡菜单是切换。
目前，这些都是左对齐，如下图所示。
我认为使用块级按钮会在下拉菜单上给我想要的结果，但它们在全尺寸导航栏上不起作用。
我的问题是，当切换汉堡菜单时，如何使第二张图片中的按钮跨越下拉菜单的宽度，但当屏幕较大且没有像第一张图片那样折叠到汉堡菜单时，如何使按钮显示为正常大小？
浏览 2提问于2017-10-11得票数 0
2回答
我有一个使用引导的网站。它在导航栏的顶部有一个搜索栏，当移动时它会崩溃。
在导航栏下面，我在左边有两个列，其中填充了大约30个单选按钮，用于选择特定的搜索过滤器。其他10列显示搜索结果。
在移动平台上，用户必须向下滚动所有的列，以查看搜索结果。我如何有单选按钮‘折叠到导航条’时，网站上的移动，使单选按钮不会显示，直到用户单击导航条图标。(导航条图标是3条水平线)。
肚脐：
...
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<form cl
浏览 1提问于2016-04-18得票数 8
回答已采纳
我有一个视图控制器，它包含一个表视图和一些显示在屏幕底部的“浮动”控件。
在使用VoiceOver导航时，用户更有意义的导航方式如下：
后退按钮(导航条)
标题(导航栏)
编辑按钮(导航栏)
浮动按钮
表内容
但目前，导航顺序是
后退按钮(导航条)
标题(导航栏)
编辑按钮(导航栏)
表内容
浮动按钮
当我为视图控制器的视图显式设置可访问性元素以更改顺序时，如下
- (void)viewDidLoad {
self.accessibilityElements = @[self.floatingButton, self.tableVie
浏览 1提问于2019-04-12得票数 2
回答已采纳
我的移动站点有这样的代码：
<div data-role="page" id="home">
<div data-role="header">
<h1>home</h1>
</div><!-- /header -->
<div data-role="content">
<p>some text</p>
</div><!-- /co
浏览 3提问于2012-11-13得票数 0
回答已采纳
我有一个多组分侧边栏切换，app /按钮/侧栏都在他们自己的组件中，按钮/侧栏是app的子组件(或者至少在app组件中加载，假设这是一个子组件)。
在角度的跨组件通信方面，我仍然没有完全达到速度，在这种情况下，我正在使用一个服务。
我要做的是:如果没有单击任何组件按钮或侧栏(这两个组件之外的任何内容).侧边栏倒塌。
目前，我正在服务中的“可见”变量上切换一个布尔状态，以展开/折叠导航。
我尝试过各种各样的方法，但收效甚微。有什么方法可以做到这一点呢？或者至少在我能读到的地方接近并从那里拿走它？
代码：
浏览 3提问于2019-01-18得票数 2
回答已采纳
2回答
基本上，我在页面顶部有一个导航栏。此导航栏具有折叠功能，因此菜单仍可用于小屏幕。我想在这个可折叠导航栏的底部附加一个div。更具体地说，在屏幕的右侧，会有一个红色的圆圈，它以导航栏的边界为中心。 我正在寻找这样的东西：enter image description here圆圈不是一个按钮。可折叠按钮仅在小屏幕上显示(在导航栏的右侧) 我已经尝试了很多我在网上找到的建议。他们中的大多数人建议给父div一个相对位置和一个子div的绝对位置。但它从来没有起作用，而且只有一次起作用了，它没有反应。 下面是我当前的HTML无响应代码 .circle {
position:absolute;
浏览 39提问于2019-06-21得票数 1
回答已采纳
我正在创建一个移动时尚杂志应用程序，我想创建一个导航栏按钮，以便当人们按下按钮时，导航显示，当你再次按下它时，导航栏隐藏。类似下面的示例
浏览 3提问于2013-02-07得票数 0
1回答
Navbar按钮折叠到侧栏
、、、、
有办法在肚脐上的折叠按钮上实现侧栏吗？
当我缩小屏幕时，我得到肚脐上的折叠按钮，上面有所有的按钮。
当我点击那个折叠按钮时，它会展开导航条并显示按钮。有没有一种方法可以代替这个展开按钮，它显示一个边栏在对或错的一边占据整个屏幕和显示导航按钮？
<nav class="navbar navbar-expand-md bg-dark navbar-dark">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-
浏览 1提问于2020-03-02得票数 0
回答已采纳
我想有一个导航栏在我的页面的不同部分，而不是顶部。在http://www.ellencavallo.com/newsite/ellen上，导航栏固定在顶部。我想把它放在按钮组当前所在的标题图片下面。我无论如何也想不出如何把它放在图片下面，然后像固定的导航栏那样在小屏幕上折叠。
浏览 13提问于2019-10-11得票数 0
2回答
使肚脐折叠/按下关闭
、、、、
我很难让移动设备上的导航栏与我的网站崩溃。这个问题只与该网站的移动版本有关。
当我点击一个菜单按钮，网站滚动到正确的点，但导航条仍然打开，这是令人讨厌的。我尝试给UL元素相同的类，比如导航条中的"back“按钮，它可以折叠导航条，但这不起作用:/。有人能告诉我，每当单击菜单项时，我如何使导航栏关闭？
这是一个网站：
非常感谢
浏览 2提问于2017-12-22得票数 0
回答已采纳
我已经设法让两个可折叠的肚脐在Bootstra3.0.2上完美地工作--这两个肚脐都折叠成两个漂亮的按钮，可以单独访问每个肚脐。
关键是，现在我需要在-sm、-md和-lg上隐藏一个导航栏，并且只显示在-xs上。
最简单的方法是在导航栏上设置“隐藏-sm，隐藏-md，隐藏-lg”(真正有效)，但是每当我切换到-xs (由于隐藏的设置)时，我们就会产生“显示折叠菜单”的副作用--是否有一种方法可以避免在-xs上扩展de菜单，或者在-sm、-md和-lg上隐藏导航条？
谢谢!
浏览 4提问于2013-11-28得票数 0
我已经使用bootstrap 4创建了一个导航栏。这个导航栏有10个‘nav-item’。对于大屏幕，它是内联显示的，而对于小屏幕，我使用了'navbar-toggler‘。这可以很好地工作。但我想拆分这个导航栏，并显示在2个导航栏切换小屏幕。 有可能吗？另外，我对bootstrap还很陌生！ 代码如下： <nav class="navbar navbar-expand-md my-navbar">
<!-- Brand -->
<a class="navbar-brand"></a>
<!
浏览 27提问于2019-03-17得票数 1
Bootply -
我想知道是否有可能在<header>标签之外有一个图形来控制导航切换(而不是汉堡图标按钮)。网站的这一部分只能在移动设备上查看。
我在折叠的菜单上有两排图像按钮，我想让其中一个图像链接作为导航栏切换。这个是可能的吗？
如果可能的话，有没有人可以帮我做必要的代码修改？
浏览 0提问于2016-03-28得票数 0
我有一个简单的网页，在其中我有一个导航栏内的导航标签。当视口小于700 to宽时，我使用媒体查询来隐藏此导航栏(通过在CSS中为nav标记设置display: none )，并在viewport为700 to宽或更宽时(通过在CSS中为nav标记设置display: block )来显示此导航栏。这正是我最初加载页面时想要的工作方式。我可以根据需要调整视口的大小，每次都能看到我想要的效果(导航栏的消失和重新出现)。
我在这个页面上也有一些javascript。首先，我得到了对nav元素的引用如下：
const mynav = document.querySelector('nav
浏览 10提问于2022-03-16得票数 2
回答已采纳
我试图实现主细节场景，其中的细节场景可以被标签，以显示三个不同的场景。这个例子是一个故事列表，每个故事，我有兴趣介绍，作者的信息和评论。因此，这些场景如下：
大师场景:故事列表
当选择一个故事时：
细节-介绍场景(关于所选故事)
细节-作者场景(关于作者)
详细情况-审查现场(评论清单)
我附上了我用来实现这一目标的故事板：
我还在iPhone模拟器上附加了结果场景，其中显示了细节-作者场景：。
我的问题是在细节-作者场景中有两个导航栏:顶部有故事返回按钮，底部有作者标签和B按钮。我要把它们折叠成一个导航栏。这意味着，当我单击从“故事”场景到“详细作者”视图的故
浏览 2提问于2013-08-31得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
