带固定位置的Bootstrap 4下拉菜单-折叠(移动/小屏幕)
带固定位置的Bootstrap 4下拉菜单-折叠(移动/小屏幕)是一种在移动设备或小屏幕上使用的下拉菜单折叠技术，它可以固定在页面的特定位置，并在需要时展开或折叠菜单项。
这种技术的优势在于它可以提供更好的用户体验，特别是在移动设备上。通过将菜单固定在页面的特定位置，用户可以更方便地访问菜单项，而不必滚动整个页面。同时，通过折叠菜单项，可以节省页面空间，使页面更加整洁。
这种技术适用于各种网站和应用程序，特别是那些需要在移动设备上提供良好用户体验的场景，如移动应用、响应式网站等。
腾讯云提供了一系列与移动开发相关的产品和服务，其中包括：
- 腾讯移动开发平台：提供了一站式的移动应用开发解决方案，包括应用开发、测试、发布、运营等环节。详情请参考：腾讯移动开发平台
- 腾讯移动分析：提供了全面的移动应用数据分析服务，帮助开发者了解用户行为、应用性能等关键指标。详情请参考：腾讯移动分析
- 腾讯移动推送：提供了高效可靠的移动消息推送服务，帮助开发者实现消息推送功能。详情请参考：腾讯移动推送
以上是腾讯云提供的一些与移动开发相关的产品和服务，可以根据具体需求选择适合的产品来支持带固定位置的Bootstrap 4下拉菜单-折叠(移动/小屏幕)的实现。
相关·内容
1回答
这是我在sof上的第一个问题。
我想在bootstrap中使用ànavbar。这个导航栏必须包含两个下拉菜单在导航栏的右侧部分，这两个下拉菜单必须是相同的形状，即使我在桌面屏幕上的移动屏幕上显示的页面。
它们必须以相同的方式在两个屏幕上运行。
始终是一个下拉菜单，从不折叠。
第一个下拉菜单是语言选择器，第二个下拉菜单是经典菜单
浏览 0提问于2014-11-21得票数 0
我有一个标准的Twitter Bootstrap 3导航栏，上面有一些按钮(根据这里： )。我想要更改折叠行为(当它变成某个屏幕宽度下的下拉菜单时)，以便运行我的自定义Javascript函数，而不是创建下拉菜单。这是因为我对小屏幕的界面进行了比CSS所允许的更大范围的更改(例如，我在DOM中移动UI元素等)。
我应该关闭导航栏的折叠行为吗?如果是这样，该如何关闭？
然后我考虑页面加载和页面大小调整(使用JQuery的resize()事件)我检查新的窗口宽度并触发移动UI (通过我的函数)，如果宽度低于折叠点？
或者有没有更好的方法来做到这一点？
任何想法都很感谢！谢谢
浏览 0提问于2015-09-29得票数 0
1回答
我似乎对小视图中的Bootstrap折叠下拉功能有一个奇怪的问题。我在XS和S视图的标题中都有图标，在XS中，点击这些图标将扩展功能，而在S中，这些下拉菜单已经打开，如果我尝试点击与下拉菜单交互的按钮，我会得到一个奇怪的动画。
Iv注意到关闭显示：！重要；在引导css (浏览器调试器)中的导航栏-折叠。似乎可以解决这个问题--然而，无论出于什么原因，这都是一个糟糕的修复方法--我不知道如何在我的自定义样式表中重写它。有没有人遇到过类似的Bootstrap崩溃下拉菜单问题？
我已经创建了一个Bootply文档，图片和字体--可怕的图标不会出现在那里，所以它看起来有点奇怪，忽略红线，因为它是用来测
浏览 1提问于2015-10-16得票数 3
我正在尝试制作一个导航栏与正确的折叠动画时，有移动屏幕大小。 我一直在关注这个教程：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
1回答
我正在为Tic Tac Toe游戏做布局，因此我希望当屏幕大小调整时，正方形块始终保持在相同的位置。
我使用的是Bootstrap 4和SCSS。
1)无论屏幕大小，如何将它们固定在同一位置？
2)如果屏幕变小了，如何根据屏幕大小调整游戏包装器div中所有项目的大小？
codepen链接：
HTML：
.block {
background-color: lightBlue;
width: 100px;
height: 100px;
border: 2px solid black;
position: relative;
&:hover {
back
浏览 0提问于2017-07-19得票数 0
4回答
崩溃中的bootstrap下拉，
、、、、
我使用的是Bootstrap 2.0.3，在div中有可折叠/可扩展的下拉菜单。当下拉菜单溢出div时，它们会被切断(但它们不应该被切断)。Jsfiddle演示：
在Bootstrap 2.0.2中，菜单不会被切断：
我通过使用css规则找到了半个变通方法，如下所示：
#stuff.in {
overflow: visible;
}
每当标记为“折叠”的div展开时，bootstrap就会添加“in”css类。
不幸的是，这个变通方法在Firefox中完全失效了。
有什么想法吗？我正在考虑降级到Bootstrap 2.0.2，但那将是痛苦的。
浏览 2提问于2012-08-13得票数 15
回答已采纳
问题:在移动设备上加载Bootstrap站点时，菜单会因为导航-折叠媒体-查询CSS而消失。我想要的是保持一个最低限度的菜单，没有下拉菜单。这有可能吗？
如果我要添加另一个只具有顶级的导航栏，我如何应用media-query来执行If-Else以根据屏幕大小选择适当的导航栏？
浏览 1提问于2012-04-26得票数 0
回答已采纳
对于B3，有大量带有下拉菜单的顶级导航栏的模板。随着屏幕尺寸变小，菜单折叠为3栏按钮，菜单变成折叠菜单。
有没有使用Bootstrap 4做这件事的例子或模板？我找到的响应示例可以折叠菜单，并显示3栏按钮，但菜单不会变成手风琴菜单。也有许多BS4的下拉示例，但不是响应式的。
当屏幕变小时，我是否必须隐藏整个导航栏，并显示具有所有相同选项的手风琴？这似乎比BS3要多得多的工作。
浏览 1提问于2016-04-25得票数 1
1回答
如何让.navbar移动版的Bootstrap下拉菜单看起来和桌面版的一样？我需要这个，因为我没有使用.navbar折叠，并且当下拉菜单打开时，它看起来像这样：
浏览 3提问于2016-02-11得票数 0
我正在使用ionic2和bootstrap来制作PWA。我使用了“我的离子材料设计”主题。 我正面临着实现粘性页脚的问题。我试过用bootstrap代码，但问题是粘性页脚随着屏幕移动。我怎么才能修复它总是在屏幕的底部。任何人请帮帮忙。 .footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: red;
color: white;
text-align: center;
} <div class=" b
浏览 25提问于2019-03-24得票数 1
我使用的是bootstrap 4 beta版。
我有一个导航栏，当屏幕全尺寸时，它使用标准大小的按钮作为导航项目，这些按钮显示在导航栏的右侧，与站点徽标一起显示，站点徽标位于导航栏的左侧。
我希望这些按钮跨越宽度的导航栏下拉菜单时，屏幕很小，汉堡菜单是切换。
目前，这些都是左对齐，如下图所示。
我认为使用块级按钮会在下拉菜单上给我想要的结果，但它们在全尺寸导航栏上不起作用。
我的问题是，当切换汉堡菜单时，如何使第二张图片中的按钮跨越下拉菜单的宽度，但当屏幕较大且没有像第一张图片那样折叠到汉堡菜单时，如何使按钮显示为正常大小？
浏览 2提问于2017-10-11得票数 0
我是一个初学者，我正在尝试在引导4上创建一个导航条，以改变它在移动设备上的显示
在全宽度显示器上，我希望
徽标(左对齐)
链接(左对齐)
配置文件图片下拉菜单(右对齐)
在平板显示器上，我想要
标志(中心)
链接(左对齐并折叠成汉堡包菜单)
配置文件图片下拉菜单(右对齐)-基本不变
我已经成功地实现了我想要的大部分，除了当点击汉堡包菜单，个人资料图片菜单被按下，这不是我想要的。
我的问题是，如何将配置文件图片下拉菜单修复到右侧.
我尝试在配置文件图片之后移动navbar-collapse collapse的代码，它在平板显示中工作，但在全宽度显示中产生
浏览 5提问于2017-12-19得票数 0
2回答
我有一个问题，因为我做了一个导航栏，它是粘性顶部的，它有几个下拉菜单(每个下拉菜单中有许多按钮)。因此，如果设备的高度太小，它会被裁剪，我可以得到更低的按钮。我需要知道如何在导航栏上添加滚动。
现在它是这样工作的(使用bootstrap 4.0)
而在bootstrap 3.3.7中，它更简单，看起来像这样：
只需将窗口高度更改为300px，您就会看到效果。我需要帮助添加滚动到粘性顶部折叠导航栏。
浏览 23提问于2018-02-17得票数 3
回答已采纳
15回答
我在移动设备上的Bootstrap菜单下拉菜单出现问题(Bootstrap 2)。一个类似的问题被问到了带有下拉按钮的，然而这个问题的答案是bootstrap中的一个固有错误，这个问题在更新中得到了解决。我似乎也有同样的问题，所以可能是我的标记造成的？
我有一个带下拉菜单的可折叠导航栏，一切都可以在桌面浏览器上完美地工作。然而，在手机上，当你点击下拉列表时，下拉列表就会打开，但点击任何下拉列表链接都会将下拉列表再次折叠起来--这些链接是无法到达的。我尝试过不同的引导版本，但是不能纠正这个错误，所以我只能想象它是我的标记。这就是它：
<header class="navbar&#
浏览 3提问于2013-06-19得票数 30
回答已采纳
有人知道如何为所有屏幕分辨率设置垂直下拉菜单的中心吗？
我真的尝试过所有的东西。要么是太左太远，要么是太右，或者是屏幕分辨率越长，就越上下移动。
菜单问题：
CSS代码：
浏览 2提问于2012-10-01得票数 0
回答已采纳
3回答
嗨，我可以冻结屏幕的上部:屏幕上的第一行有输入和按钮以及表的第一个标题，所以当滚动时两者都会被冻结。
这是我想冻结的部分：
<input>input1</input>
<input>input2</input>
<button>A</button>
<button>B</button>
<button>C</button>
<button>D</button>
<table>
<tr><th>header1</
浏览 3提问于2014-02-23得票数 2
回答已采纳
1回答
我有一个CSS下拉菜单。
在我的网站的某一部分中，我所做的是使用它的链接调用AJAX来更改页面上DIV的内容，而不需要重新加载.
<script type="text/javascript">
function load_editor(id)
{
$('#myDIV').load('editor.php?id=' + id);
}
</script>
<div class="mainmenu">
<ul>
<li class="li_nc">&
浏览 1提问于2010-09-06得票数 3
1回答
如何在下拉菜单中添加折叠菜单？单击菜单项折叠时，下拉菜单将关闭。当您重新打开下拉菜单时，折叠会正常工作。
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https:/
浏览 1提问于2019-02-28得票数 1
回答已采纳
我试图使用bootstrap-collapse.js，它似乎只有当我包括bootstrap-min.css时才能工作，但一旦我包含了bootstrap-min.css，我的整个网站就会看起来一团糟。在不应用CSS的情况下，如何使用引导带功能(旋转木马、折叠等)？还是说不可能？
浏览 2提问于2015-05-21得票数 2
回答已采纳
1回答
我正在通过使用具有许多功能的Bootstrap 3开发一个响应性网站，其中之一是当该网站显示在移动平台上时，下拉菜单就会显示出来(在桌面上，我有一个普通菜单，它在移动版本上转换成一个折叠下拉菜单)，现在我的问题是，我需要一个事件监听器，当这个普通菜单被转换成这个折叠下拉菜单时，它能够收听，有什么方法可以这样做吗？非常感谢。
HTML代码：
<div class="container-sm visible-sm visible-xs container visible-md visible-lg">
<button type="button
浏览 0提问于2015-05-29得票数 1
我正在使用Joomla Master Bootstrap模板。它是围绕Twitter bootsrap构建的。
现在，当它在移动视图中时，我想保持移动菜单处于打开状态。换句话说，移动下拉菜单视图必须作为默认状态取消折叠，并在用户单击按钮时关闭。
有没有一种简单的方法来实现这一点？
下面是默认状态：
下面是我想要的，作为默认设置：
谢谢
JG
浏览 0提问于2013-09-23得票数 1
我使用的引导带5，我试图左对纳瓦社交图标时，导航条被折叠(用于小型/移动设备)，但在大屏幕上看到时右对齐。
您能帮助识别哪些选择器的样式吗？同样，我只想让图标在肚脐折叠时保持对齐。
我的导航条示例如下：
谢谢!
浏览 2提问于2021-12-19得票数 1
回答已采纳
1回答
我使用的是bootstrap 4填充特性。默认情况下，bootstrap4中的col或col-12类在左侧和右侧应用15px填充。我想为移动设备设置左填充和右填充0，所以我使用以下代码
<div class="col col-12 p-0"></div>
由于Bootstrap-4是移动端优先的，我假设p-0只适用于超小屏幕，但不幸的是，这个p-0似乎适用于我所有的屏幕大小。有没有办法，我只能使用p-0的超小型移动设备或sm设备。对于移动桌面，应该应用15px左右的默认填充。
谢谢。
浏览 2提问于2020-03-06得票数 2
我使用的Twitter引导和它的响应设计，为典型的Twitter启动导航栏菜单在顶部。
在那里我有几个链接和一个下拉菜单。当我将浏览器的大小调整为768px或更少时，它会转换成一个新的导航菜单。
这一切都很好，但我想要的是，下拉菜单也是扩展的。
现在发生的事情是下拉菜单仍然被折叠。当我打开它时，它会在菜单容器中创建一个滚动条，这是我真的不喜欢的。
下面是我的意思的截图：
示例：
如何删除打开/关闭Dropdown链接，并在该菜单中列出它的所有项，这样它就不会在菜单的一侧创建一个难看的滚动条。
浏览 6提问于2013-09-22得票数 3
回答已采纳
1回答
我正在使用一个导航漫游工具，在Wordpress中使用bootstrap来启用下拉菜单，而且一切都很正常。我想知道的是，有没有一种方法可以禁用手机上的下拉功能，比如使用媒体查询？
我想这样做的原因是因为有很多页面和一些链接在第三层，它们从移动屏幕上飞走。顶层导航有到子菜单项的链接，所以在手机中我只想显示顶层的菜单项，并禁止显示子菜单。
此外，我没有使用图标的导航折叠，因为我不想在这个项目上使用它。
浏览 1提问于2013-07-11得票数 0
回答已采纳
我正在尝试使用Kendo Grid中的某些Bootstrap元素，例如Bootstrap下拉按钮和工具提示。
问题是下拉菜单或工具提示总是位于下面或上面的行的下面。
有没有人设法找到这个问题的解决方案？
浏览 0提问于2013-01-11得票数 5
回答已采纳
2回答
有一个 of 用于部分折叠Bootstrap导航条，例如：
Item1 Item2 Item3 Item4 Item5
可折叠为：
Item1 Item2 Item3 =menu=
或者：
=menu= Item3 Item4 Item5
诸若此类。这是因为有两个肚脐，其中一个崩溃，而另一个没有。
但是，我想折叠一个单个导航条，其中要隐藏的项不在边缘：
Item1 Item3 Item5 =menu=
这能用Bootstrap 5来完成吗？
浏览 3提问于2022-05-25得票数 -1
回答已采纳
我正在使用
在collapsed navbar中使用dropdown menu有问题。
通过单击右上角按钮打开菜单，可以在折叠版本中打开该菜单。
只有当屏幕折叠到足以显示折叠版本的导航栏时，才会创建额外的插入符号。
如何解决这个问题，使下拉菜单上看不到额外的插入符号？
我不想在Category菜单上看到奇怪的上边插入符号。
浏览 2提问于2012-08-29得票数 2
回答已采纳
1回答
我试图创建一个响应肚脐与引导带5与中心品牌文本和一个图标与下拉菜单，这不是折叠在移动视图。
到目前为止，这是我的代码：
需求在编解码器中，但我也会在这里添加它们：
Center在展开视图和折叠视图中的品牌文本(Person icon )右侧应该始终可见，在展开视图和折叠视图中，Person下拉列表都应显示在图标下面。目前，它在扩展视图中出现在左侧，并且破坏了折叠视图理想情况下，我希望只在html中使用引导类，而不必使用hacky！。
浏览 3提问于2022-04-01得票数 0
我创建了一个应用程序，其中搜索功能是最重要的部分。因此，我决定将搜索表单放在标题栏中，以使其在每个页面上都可用。效果很好，只有在移动设备上，我有一个问题，流畅的布局导致搜索字段覆盖了大部分屏幕。
因此，在移动设备上折叠这个标题栏会很棒，就像导航栏一样。不幸的是，我没有让它工作。我试着用导航栏解决这个问题，但根本不起作用(见下文)。
我的另一个想法是创建两个不同的搜索栏，一个折叠的搜索栏和一个隐藏的搜索栏，并使用Bootstrap的.hide-*和.visible-*类。不确定这将如何执行，除此之外，我还没有想出如何在Bootstrap中创建一个非导航标题栏。
<nav class=
浏览 4提问于2015-12-16得票数 2
1回答
自举折叠堆叠元素
、、、、
我使用bootstrap 4.0.0折叠来隐藏和显示一个bootstrap "row“。该行包含四列按钮- "col-md-3“。这一行的布局就像我想要的一样，直到我添加了“折叠”类，这会导致行中的所有cols像块元素一样堆叠。
这是一个众所周知的事情吗，你不能放置一行，或者复杂的元素被折叠？
下面是之前和之后的两个屏幕截图-其中元素html在:上可见
浏览 1提问于2018-02-08得票数 0
这个问题可以在所有(据我所知的) Twitter Bootstrap版本中表现出来。所以，我有一个导航栏，当屏幕变小时，它就变成了一个可折叠的托盘。这种行为可以在bootstrap演示站点上看到。我还有一些子菜单，在最初的导航栏展开时显示为折叠的。问题是，在第一次折叠时，可折叠对象会得到一个显式的高度设置。如果关闭并再次展开，可折叠对象将获得一个height:auto;
因此，当我单击子菜单项时，下拉菜单被展开，但由于高度被显式设置而溢出。
我尝试的解决方案是添加：
$(function() {
$('.nav-collapse').on({
shown: func
浏览 0提问于2013-02-07得票数 7
回答已采纳
当您向下滚动页面时，使用"navbar“和”navbar-fixed top“类可以将导航栏浮动在页面顶部。这似乎在移动/ipad浏览器上不起作用。为什么以及如何让它们也在移动浏览器上浮动。在ipad(safari、chrome)、Android(firefox)、Windows Phone(IE)上试用过。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="w
浏览 0提问于2013-01-08得票数 6
回答已采纳
我有两个DIV固定在页面顶部，当用户开始滚动时，这些DIV留在顶部。
我有一个导航栏div，我有一个搜索栏div就在这个下面。导航栏在移动设备上可以正常工作，因为它在移动设备上的高度与桌面上的70px相同。然而，搜索栏是一种形式，桌面上的高度是100px，但在移动设备上，它变长了，接近200px。
因此，在移动设备上，搜索栏下面的内容会被切断。处理这个问题的正确方法是什么？如果可能的话，我更喜欢使用纯CSS的东西，但我可以使用一些Javascript，但这是一个AngularJS项目，所以我需要小心，因为有些事情只是与JS的一点接触。
我很感谢你的帮助。
编辑以包含代码..
这是搜索栏；
&l
浏览 19提问于2018-01-07得票数 0
2回答
我正在尝试使用带有“multiple”属性的select元素，但我希望在用户单击它之前将其折叠。问题是bootstrap 5不再支持Bootstrap 4和更早版本中使用的多选。过去有一个名为"selectpicker“的CSS类，在这些下拉菜单中使用它来选择多个选项。有谁有解决这个问题的办法吗？实际上，我想要的是选择菜单是一个可以打开和关闭的下拉菜单，而不是总是打开的。谢谢!
浏览 11提问于2021-06-12得票数 1
1回答
我正在使用Bootstrap 2构建一个网站，我想在导航栏中的一个项目中添加一个下拉菜单。
很简单。但是，当下拉菜单展开时，它会出现在导航栏中不正确的项目下：
请注意，在上面的屏幕截图中，dropdown呈现在"Admin“(最左边的导航栏元素)下，而不是"Locator”(激活下拉菜单的元素)下。
我如何解决这个问题，使下拉菜单显示在正确的导航栏元素下面？
下面是导航栏的HTML：
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navba
浏览 1提问于2013-01-21得票数 7
回答已采纳
我有这样一个基本的页面：
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
浏览 2提问于2013-12-04得票数 1
回答已采纳
3回答
滚动时使对象在屏幕上居中
、、、
我有一个网页，右边有一个列表，右边有一个树形视图，还有一个拖放界面，可以将对象从一个移动到另一个。中间有一个垃圾桶，用来删除物品。问题是，页面可能会变得5000px长。当用户滚动时，如何使垃圾桶在屏幕上居中？提前感谢你的回答！
浏览 0提问于2012-02-17得票数 2
回答已采纳
我正在开发一个基于PC的web应用程序，但在不久的将来将支持平板电脑和智能手机。我们使用Twitter Bootstrap ()和JQuery作为CSS/Javascript核心。
在以前的大多数开发中，我们使用表格来布局我们的表单，因为大多数应用程序都是针对桌面使用的，因此使用表格来布局表单(大多数是两列)以确保对齐等等。
然而，现在我们正在考虑添加屏幕空间有限的移动设备，并考虑到并不是所有的表单都可以在智能手机上访问，我开始考虑是否应该保留表，并为移动设备创建无表表单。我相信Twitter Bootstrap将为我们提供所需的表少表单支持，但我仍然想知道这是2012年的一个主要问题吗？
作
浏览 1提问于2012-04-09得票数 1
1回答
我有一个关于Bootstrap的导航栏的问题：我正在做一个单页面的应用程序，结果发现移动端的bootstraps下拉导航菜单并不能很好地工作，也就是点击后不能折叠，我设法通过添加data-toggle="collapse" data-target="#navbar"属性来解决这个问题，但是当它不是下拉菜单的时候，整个菜单都会折叠。
浏览 1提问于2016-11-29得票数 1
1回答
改变媒体屏幕使div覆盖
、、、
我使用的引导带和div是4列每个(col-md-4)。基于12列的引导，这意味着在PC媒体屏幕上，每一行将有三个div。在991px以下，标准的标准是每列4列覆盖整个屏幕。请看截图：
但是，当屏幕大小在600 is和990 is之间时，我希望4列只覆盖屏幕的50%。这意味着每行有两个div。这是我的成功之处，但也有一些问题。
当在移动纵向(大约530 at )加载页面时，所有内容都会正确加载。div不相互覆盖。
当在移动环境下加载页面时，或ipad纵向(约740 at )，所有内容都会正确加载。div不相互覆盖。
当将屏幕从移动肖像翻转到移动景观或相反方
浏览 0提问于2015-07-22得票数 2
回答已采纳
在过去的几个小时里，我一直在试图弄清楚为什么一个子元素定位于它的父元素，而不是它的屏幕端口，尽管它的位置是“固定的”。非常幸运的是，我无意中发现父母的-webkit-transform: translate3d(0, 0, 0)会让事情出错。我使用的是bootstrap框架，因此他们确实将这个属性放在了父元素之一拥有的.navbar-fixed-top类上。一旦我把它移开，孩子就开始重新定位视口。所以我有两个问题：
为什么-webkit-transform: translate3d(0, 0, 0)要做这些下流的事？
为什么引导程序将这个属性放在.navbar-fixed-top类中？
浏览 6提问于2014-09-13得票数 21
回答已采纳
我有一个导航条，我正在构建基于这个的引导程序。
当您查看折叠在小屏幕上的菜单时，它如下所示：
如果您不单击下拉列表并展开屏幕，下拉列表将保持打开状态。
问题：
当你从一个小屏幕切换到一个大屏幕时，有没有办法强制关闭下拉菜单？
为什么我想这么做：
对于我当前的导航栏，我编写了一个媒体查询，这样当您在桌面上的下拉列表上悬停时，您会看到菜单。我也禁用了顶部的菜单项，所以用户不能点击它。
我有悬停在那里，我禁用了顶部的链接，这样用户就不必点击打开或关闭下拉菜单。这是有效的，fine...until，您转到一个较小的屏幕大小，单击下拉，然后再展开屏幕。此时，下拉菜单是打开的，您必须再
浏览 0提问于2018-02-22得票数 0
1回答
Bootstrap的导航栏下拉菜单有两个问题。首先，导航栏中的下拉列表在每个页面上都不起作用。导航栏的外观如下所示。
Calendar是一个嵌入到页面中的Google日历。每当我单击日历链接本身时，下拉菜单都不起作用。如果我在日历页上单击后尝试导航到另一页，下拉菜单也不起作用。但是，如果我导航到另一个页面，然后重新加载该页面，则下拉菜单将再次工作。你知道是什么原因导致这个问题吗？
第二个问题是当窗口大小改变时，导航栏会折叠。按照我设置的方式，当屏幕尺寸小于1200像素时，整个导航栏应该会折叠，单击可折叠的导航栏应该会将导航栏扩展到85vh的高度。虽然导航栏在1200px时确实会崩溃，但在达到
浏览 0提问于2016-11-28得票数 0
我正在建立一个与姜戈和Bootstrap3 CSS的小网站。到目前为止，一切都很好，我有一些菜单，它使用数据切换下拉菜单，它也可以在第二次点击时折叠。在我的base.html中，我在末尾有这样的代码：
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
浏览 17提问于2020-05-17得票数 1
1回答
选择折叠时导航的下拉菜单
、、、
当bootstrap为较小的视口折叠时，我不喜欢折叠的3行导航按钮。有没有办法让导航栏折叠到一个选择下拉菜单，同时把它放在页面的其他地方，而不是放在右上角？就像这样：
浏览 2提问于2012-11-30得票数 2
4回答
我正在使用Jasny bootstrap创建一个左侧导航菜单，我遇到了一个问题。
因此，对于移动屏幕，你会得到类似上面的东西。你应该如何关闭菜单？这是他自己在的例子
谢谢!
浏览 32提问于2016-02-28得票数 2
1回答
移动水平网站-什么视口？
、、、
我试着用Bootstrap做一个水平滚动的网站。它在台式机上看起来不错，但我在手机上有很大的问题。简化代码：
HTML：
<body>
<section id="one">
stuff here
</section>
<section id="two">
stuff here
</section>
<section id="three">
stuff here
</section&g
浏览 5提问于2016-08-05得票数 1
回答已采纳
我在Bootstrap 3中尝试复制getbootstrap站点上使用的垂直导航栏。不过，我遇到了一些问题，而且我找不到太多的文档可供参考。
这里有一个引导链接，告诉你我来自哪里：
第一个问题是，如果我将屏幕尺寸从大变小，我的导航现在就在我的文本下面。但是在bootstrap站点上，导航移动到屏幕的顶部，文本落在屏幕的顶部。我如何修复它的响应性，以便在小屏幕上调整大小或查看它不会破坏布局？
问题2是关于化妆品的。我希望我的导航上漂亮的粉红色背景填充整个容器，而不仅仅是文本的宽度。所以我想，嘿，给那个坏男孩一个宽度:100%，你就都准备好了。我原以为它会填满包含它的col-md-3的100%，但
浏览 2提问于2013-08-30得票数 2
1回答
我正在做一个固定的顶部导航栏使用引导带3移动第一方法。
当我在大屏幕上观看时，我被一个问题困住了。菜单没有折叠)和I单击其中一个菜单链接，一个水平滚动出现在菜单上.
这个问题似乎发生在我在导航条可折叠的data-toggle="collapse" data-target=".navbar-collapse"上添加了div之后，或者我也尝试过使用锚链接，以便在移动视图(小屏幕)中单击链接时添加自动关闭。
当我使用它作为移动视图(小显示器)，它完美地工作，并有自动关闭时，点击一个链接，我需要。
您可以看到，在中保存了一个示例。
谁能帮我移除那个卷轴？
浏览 5提问于2014-09-02得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
