带下拉菜单的Bootstrap 4导航栏错误
指的是使用Bootstrap 4框架创建一个带有下拉菜单的导航栏时出现的错误。这种错误可能会导致下拉菜单无法正常展示或者功能无法正常使用。
解决这个错误的方法有多种，以下是一些常见的解决方案：
- 检查Bootstrap版本：首先要确保使用的是Bootstrap 4版本，因为不同版本的Bootstrap在导航栏组件上可能有不同的用法和类名。可以通过查看引入的Bootstrap CSS文件或者使用浏览器开发者工具查看页面元素来确认所使用的版本。
- 检查HTML结构：确保正确嵌套导航栏和下拉菜单的HTML结构，包括必要的父元素和子元素。导航栏应该包含一个带有 "nav" 类的父元素，下拉菜单应该作为子元素嵌套在导航栏中。
- 检查相关类名和属性：检查导航栏和下拉菜单的类名和属性是否正确。导航栏应该包含 "navbar" 类，下拉菜单应该包含 "dropdown" 类。另外，确保在触发下拉菜单的元素上设置了正确的属性，如 "data-toggle" 和 "data-target"。
- 引入相关的JavaScript文件：Bootstrap的下拉菜单功能需要依赖JavaScript文件来实现交互效果。确保引入了Bootstrap的JavaScript文件，如 "bootstrap.js" 或 "bootstrap.min.js"。同时，也要确保jQuery库已正确引入，因为Bootstrap的一些功能依赖于jQuery。
推荐的腾讯云相关产品：腾讯云提供了丰富的云计算服务和解决方案，适用于各种应用场景和需求。以下是一些与云计算相关的腾讯云产品：
- 云服务器（CVM）：腾讯云的弹性云服务器实例，提供可扩展的计算能力，适用于搭建应用程序、网站、数据库等。
- 云数据库MySQL版（CDB）：高可用性、可扩展的关系型数据库服务，适用于存储和管理各种应用程序的数据。
- 云对象存储（COS）：安全可靠的大规模数据存储和分发服务，适用于存储、备份和恢复数据、图片、音视频等。
- 人工智能机器学习平台（AI Lab）：提供智能语音、图像、自然语言处理等人工智能功能，帮助开发者快速构建和部署AI模型。
- 腾讯云函数（SCF）：无服务器计算服务，支持事件触发和按量计费，适用于构建和运行无需管理服务器的应用程序。
腾讯云产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：https://cloud.tencent.com/product/cdb_mysql
- 云对象存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能机器学习平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 腾讯云函数（SCF）：https://cloud.tencent.com/product/scf
请注意，以上推荐的产品和链接仅为举例，并非要求使用腾讯云的产品。用户可以根据实际需求选择合适的云计算服务提供商和产品。
相关·内容
0回答
我在使用bootstrap的导航栏时遇到了困难。我想创建一个使用bootstrap下拉菜单列表。问题是li在导航栏上。我知道bootstrap有下拉列表，但它用于按钮，在这种情况下是不合适的。我如何在我的引导导航栏中有一个ul li下拉列表？例如，假设我有5个页面，我希望页面是可见的，当我单击以显示在其他4个页面的下方时？我想创建一个导航下拉菜单使用ul内的导航栏使用bootstrap
谢谢。
浏览 9提问于2016-07-21得票数 0
我使用的是bootstrap 4 beta版。
我有一个导航栏，当屏幕全尺寸时，它使用标准大小的按钮作为导航项目，这些按钮显示在导航栏的右侧，与站点徽标一起显示，站点徽标位于导航栏的左侧。
我希望这些按钮跨越宽度的导航栏下拉菜单时，屏幕很小，汉堡菜单是切换。
目前，这些都是左对齐，如下图所示。
我认为使用块级按钮会在下拉菜单上给我想要的结果，但它们在全尺寸导航栏上不起作用。
我的问题是，当切换汉堡菜单时，如何使第二张图片中的按钮跨越下拉菜单的宽度，但当屏幕较大且没有像第一张图片那样折叠到汉堡菜单时，如何使按钮显示为正常大小？
浏览 2提问于2017-10-11得票数 0
我对导航栏使用了bootstrap框架，现在我想使用summernote WYSIWYG HTML编辑器。
如果我导入bootstrap.min.js脚本，导航栏下拉菜单可以很好地工作，但夏季备注中的下拉菜单不能(颜色选择等)。
如果我删除此脚本，则summernote可以工作，但导航栏下拉不能。我还删除了jquery.min.js并为add class open to下拉切换创建了自己的脚本，因为使用jquery.min.js时summernote不会出现。
导航栏和summernote下拉功能有什么解决方案吗？
浏览 3提问于2016-10-29得票数 5
我正在尝试让Bootstrap 4导航栏下拉菜单直接出现在导航栏的正下方，但默认情况下，它会出现在导航栏底部边缘的上方。
有没有一种方法可以做到这一点，而不是为导航栏设置一个固定的高度，并使用下拉菜单上的空白处？
如果我没记错的话，Bootstrap 3中的默认设置是将下拉菜单的上边缘与导航栏的下边缘对齐。这似乎在BS4中发生了变化。
这是我的HTML：
<div class="navbar navbar-expand-lg flex-row shadow">
<ul class="navbar-nav navbar-desktop fl
浏览 17提问于2019-11-08得票数 0
2回答
我有一个问题，因为我做了一个导航栏，它是粘性顶部的，它有几个下拉菜单(每个下拉菜单中有许多按钮)。因此，如果设备的高度太小，它会被裁剪，我可以得到更低的按钮。我需要知道如何在导航栏上添加滚动。
现在它是这样工作的(使用bootstrap 4.0)
而在bootstrap 3.3.7中，它更简单，看起来像这样：
只需将窗口高度更改为300px，您就会看到效果。我需要帮助添加滚动到粘性顶部折叠导航栏。
浏览 23提问于2018-02-17得票数 3
回答已采纳
所以我一直在使用Bootstrap 4和Understrap进行我最新的主题开发，我遇到了一个奇怪的bug，它有dropdown功能。似乎在使用toggleable-xl导航栏时，下拉菜单会在打开时调整整个导航栏的大小。
下面是这个问题的一个例子：
您可以看到，通过将toggleable-xl更改为toggleable-sm，它可以解决这个问题。我必须使用toggleable-xl的原因是想要删除导航栏的折叠功能。我知道我不能简单地使用导航栏，但如果可能的话，我想保留样式。你知道为什么下拉菜单会这么做吗？或者我如何才能在不产生这个问题的情况下完成这个导航栏？
浏览 7提问于2017-02-24得票数 0
1回答
我知道如何更改bootstrap 4下拉菜单宽度： .dropdown-menu{ min-width: ??px;} 但是，如果我的导航栏上有多个下拉菜单，如何更改仅一个特定下拉菜单的宽度？ 我试过像这样的id #loginDropdown { min-width: ??px;} 将id添加到特定的下拉菜单中，但这不起作用。 如何解决？
浏览 20提问于2019-03-06得票数 0
回答已采纳
3回答
我有一个导航栏，上面有3个“项目”。在小屏幕上，这个导航栏变成了一个菜单下拉菜单。在全屏导航栏中，我在"nav-item-1“(项目1)中的边框右边是1px。当边框变成菜单下拉菜单时，如何删除边框？顺便说一句，我正在使用Angular框架和HTML5，SCSS，TypeScript，Bootstrap 4。我在header.html中有这个：
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav col-
浏览 3提问于2020-07-05得票数 0
2回答
我有一个经典的带下拉菜单的Bootstrap3导航栏()。
我希望菜单下拉菜单具有屏幕高度。有可能吗？
浏览 17提问于2017-07-21得票数 2
回答已采纳
7回答
这是我第一次使用ASP.NET，我尝试使用Bootswatch主题，但是当我尝试使用它时，页面顶部的导航栏变成了一个奇怪的下拉菜单。
我做错了什么吗？我刚刚用Bootswatch的新bootstrap.css替换了当前的。
浏览 6提问于2017-12-26得票数 17
回答已采纳
1回答
这是我在sof上的第一个问题。
我想在bootstrap中使用ànavbar。这个导航栏必须包含两个下拉菜单在导航栏的右侧部分，这两个下拉菜单必须是相同的形状，即使我在桌面屏幕上的移动屏幕上显示的页面。
它们必须以相同的方式在两个屏幕上运行。
始终是一个下拉菜单，从不折叠。
第一个下拉菜单是语言选择器，第二个下拉菜单是经典菜单
浏览 0提问于2014-11-21得票数 0
所以这有点奇怪。我使用CakePHP作为我的基础，结合Bootstrap作为模板系统。我有一个导航栏作为标题，直到我开始使用
<?PHP echo $this->fetch('content'); ?>
如果导航栏被最小化并且展开的版本延伸到内容上，则Fetch产生的内容将呈现在展开的菜单栏的顶部。我尝试过z-index，但似乎没有任何效果。我第一次看到这个错误是在一个无页面的视图中，但我忽略了它，然而在我创建了一个注册页面后，它又出现了：
我不太确定这是怎么回事，而且似乎根本找不到正确的位置。如果我需要的话，我会发布导航栏，但它基本上是一个标准的导
浏览 0提问于2015-11-15得票数 0
对于B3，有大量带有下拉菜单的顶级导航栏的模板。随着屏幕尺寸变小，菜单折叠为3栏按钮，菜单变成折叠菜单。
有没有使用Bootstrap 4做这件事的例子或模板？我找到的响应示例可以折叠菜单，并显示3栏按钮，但菜单不会变成手风琴菜单。也有许多BS4的下拉示例，但不是响应式的。
当屏幕变小时，我是否必须隐藏整个导航栏，并显示具有所有相同选项的手风琴？这似乎比BS3要多得多的工作。
浏览 1提问于2016-04-25得票数 1
当我之前包含bootstrap.min.js时，我的引导转盘和导航栏中的下拉菜单似乎不起作用
以下是我的代码
<link href="bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css">
<script src="bootstrap/dist/js/bootstrap.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/j
浏览 4提问于2017-07-14得票数 0
1回答
我正在使用Vue.js和Bootstrap4。我想让导航栏在屏幕变小时完全消失。 这是我在.vue文件中的Bootstrap4代码： <template>
<div>
<nav class="navbar navbar-dark bg-dark">
<p class="pl-5">Hello Guest</p>
<p class="mr-5">Nice play!</p>
&
浏览 25提问于2020-04-23得票数 0
1回答
我正在使用Bootstrap创建我的用户界面。
我有一个相对较高的导航栏；导航栏的默认高度是50px，我的导航栏是100px。当我渲染一个拆分按钮时，菜单下拉菜单并不考虑导航栏的高度(下面的链接说明了这个问题)。我如何修复这个问题，使下拉菜单呈现在按钮下方(而不是导航栏下方)？
此外，如果有人对如何消除按钮组中间的间隙有一个建议，那也是很棒的！
澄清
我使用的是SASS，所以我没有意识到我粘贴的链接没有说明这个问题。我编译了我的CSS并将其放在JSFiddle链接中。不幸的是，那里的CSS文件很大。
如果您正在使用带有LESS或SASS的BootStrap，我将$navbar-height变
浏览 0提问于2014-06-23得票数 1
2回答
我正在使用最新的Bootstrap来设计我的管理面板。当包含Responsive css时，我包含的导航栏工作正常，如下所示：
<link rel="stylesheet" href="../css/bootstrap-responsive.min.css">
但当我删除此行并重新加载页面时，导航栏的下拉菜单不起作用。实际上，dropdowns正在工作，但它们在容器下重叠。
有什么建议可以解决这个问题吗？
浏览 2提问于2013-02-26得票数 0
10回答
根据Bootstrap 3文档，我向导航栏添加了以下属性：
<nav class="navbar no-margin-bottom" data-spy="affix" data-offset-top="90" >
...
</nav>
在向下滚动页面后，Bootstrap 4将不向导航栏添加类，这是词缀。有人能告诉我如何解决这个问题吗？Bootstrap.js和jQuery.js正在工作。
浏览 12提问于2016-04-01得票数 14
回答已采纳
我试图理解Twitter Bootstrap下拉菜单是否包含在导航栏中，以及是否包含在导航栏中。
当它们包含在导航栏中时，展开的菜单上会显示一个小向上的三角形/箭头。如果未使用导航栏，则不会显示此三角形：
我刚刚花了两个小时探索css/html，我仍然不明白为什么...
有什么想法吗？
浏览 0提问于2012-12-27得票数 15
回答已采纳
1回答
我正在使用Bootstrap 2构建一个网站，我想在导航栏中的一个项目中添加一个下拉菜单。
很简单。但是，当下拉菜单展开时，它会出现在导航栏中不正确的项目下：
请注意，在上面的屏幕截图中，dropdown呈现在"Admin“(最左边的导航栏元素)下，而不是"Locator”(激活下拉菜单的元素)下。
我如何解决这个问题，使下拉菜单显示在正确的导航栏元素下面？
下面是导航栏的HTML：
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navba
浏览 1提问于2013-01-21得票数 7
回答已采纳
1回答
我正在搜索从右到左的下拉菜单中导航栏中的搜索栏。现在，我的下拉菜单就在我屏幕的最右边，当我点击我的搜索按钮时，右边的栏就会消失。我想让它显示在左边。 我使用的是Bootstrap 5.1 ? .btn-group {
margin: 50px;
} <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfT
浏览 16提问于2021-11-05得票数 0
回答已采纳
我正在使用Bootstrap css的导航栏，它来了非常好。但是宽度看起来很大，我想要减小它(也要确保它在其他视口中也能得到同样的缩小/调整)，并减小导航栏下拉菜单下的选项面板/文本大小。
我使用了下面的css类
导航条导航条-默认导航条-固定-顶部导航条-反向
导航栏是黑色的(给人惊喜的效果)和一些需要的东西，但下拉菜单下的所有选项都是白色的。如何将这个白色背景变成黑色？有没有已经准备好的引导程序类？
如果navbar-inverse可以使顶部导航栏变为黑色，那么一定有一些类可以为相同导航栏下的下拉面板选项提供相同的效果
我希望在这一点上避免自定义css来实现这一点。
谢谢，法拉兹
浏览 2提问于2014-04-27得票数 0
1回答
Bootstrap的导航栏下拉菜单有两个问题。首先，导航栏中的下拉列表在每个页面上都不起作用。导航栏的外观如下所示。
Calendar是一个嵌入到页面中的Google日历。每当我单击日历链接本身时，下拉菜单都不起作用。如果我在日历页上单击后尝试导航到另一页，下拉菜单也不起作用。但是，如果我导航到另一个页面，然后重新加载该页面，则下拉菜单将再次工作。你知道是什么原因导致这个问题吗？
第二个问题是当窗口大小改变时，导航栏会折叠。按照我设置的方式，当屏幕尺寸小于1200像素时，整个导航栏应该会折叠，单击可折叠的导航栏应该会将导航栏扩展到85vh的高度。虽然导航栏在1200px时确实会崩溃，但在达到
浏览 0提问于2016-11-28得票数 0
1回答
我正在开发一个Bootstrap网站，我发现一个网站有这个导航栏设计，我喜欢。但我不知道他们是怎么做到的，或者它是否有可能在Bootstrap中实现。
我不需要完全相同的设计，但这里有一些我想要实现的东西。1.导航栏中项目之间的竖线。2.当鼠标悬停在导航栏中的某个项目上时，下拉菜单(而不是那些单词的对齐方式)将始终与左侧的父菜单对齐。
该网站是。非常感谢！
浏览 1提问于2014-09-12得票数 1
4回答
does文件很好地将导航栏转换为iPad上的下拉菜单。
我的问题是导航栏没有固定在屏幕的顶部。相反，它遵循body标记上的padding-top。
问:我是不是应该把padding:0添加到bootstrap-responsive.css中？
还是我做错了什么？
浏览 3提问于2012-04-17得票数 2
回答已采纳
我正在使用bootstrap (v2)，我从中看到你可以有"Split Button Dropdown“。
在导航栏中，您可以有下拉菜单
然而，它看起来不像你可以在导航栏中有一个拆分下拉菜单。我想要使用它的目的是让登录用户的名称旁边有插入符号。单击用户名会将您带到该用户的页面，但插入符号会显示一个带有“注销”等操作的下拉列表。
这个是可能的吗？
浏览 1提问于2012-12-08得票数 3
回答已采纳
1回答
以前有人在WordPress上遇到过这个问题吗？我正在使用带WordPress的引导带4框架，并希望为我正在处理的特定项目提供一个固定的顶部。
问题是，固定顶部干扰了WordPress默认导航栏，我想在不覆盖或干扰过多的BootStrap 4 CSS的情况下对其进行调整--这可能吗？
图片：
如您所见，由于默认的WordPress标头，菜单不可见。提前谢了。
浏览 1提问于2018-12-18得票数 0
回答已采纳
问题:在移动设备上加载Bootstrap站点时，菜单会因为导航-折叠媒体-查询CSS而消失。我想要的是保持一个最低限度的菜单，没有下拉菜单。这有可能吗？
如果我要添加另一个只具有顶级的导航栏，我如何应用media-query来执行If-Else以根据屏幕大小选择适当的导航栏？
浏览 1提问于2012-04-26得票数 0
回答已采纳
我正在使用带下拉菜单的bootstrap 3导航栏。默认的行为是点击打开下拉菜单，第二次点击关闭。我想在第二次点击时访问该链接。是否可以使用默认引导程序functionality>
浏览 3提问于2014-06-03得票数 2
我是网络编程的新手，我正在尝试用一个汉堡按钮做一个响应式的导航栏，但使用的是下拉菜单，而不是通常的菜单。按钮显示，下拉项看起来也在下面，但是单击后菜单没有弹出。有人知道我的错误在哪里吗？提前感谢！ 下面是我的代码： https://www.codeply.com/p/GpBf0iDq5o 疯狂的是，我只在Bootstrap 4中得到了我想要的东西： https://www.codeply.com/p/1Ktj7Ef5cl 但不幸的是，它必须在Bootstrap 5中实现。
浏览 21提问于2021-07-09得票数 0
我对此几乎要失去理智了。我有一个bootstrap导航栏，我喜欢自己设计颜色等。因此，我使用以下代码更改了下拉菜单导航栏的链接颜色
.navbar .navbar-nav .dropdown-menu li a {
color:white;
}
它工作得很好，所以如果我有如下菜单项
Menu Item
sub menu item
子菜单项变为白色。
现在问题就从这里开始了。如果我将屏幕变小以折叠导航栏。下拉菜单链接的颜色仍然是默认的，所以我认为bootstrap使用的是媒体查询，不管我怎么尝试，它都不起作用。同样的技术是行不通的。
@media (max-width:767px){
浏览 0提问于2016-11-10得票数 1
如果您将浏览器的大小调整为此网站上的电话显示屏大小，您会注意到导航栏变成了一个下拉菜单。有没有办法让twitter bootstrap也自动为我做这件事？
另外，如果侧边导航栏也能做同样的事情就好了。
或者也许在bootstrap之上有一些twitter bootstrap第三方组件可以处理这样的事情？(我们只是想让网站在手机上看起来更好，而不需要做太多的工作)。
谢谢你，迪恩
浏览 3提问于2013-03-28得票数 1
回答已采纳
1回答
我目前使用的是Rails 4和Bootstra3，并且在我的肚脐中的下拉列表中有问题。我发现它们将从某些页面(登陆页)工作，但一旦我从导航栏导航到另一个页面，下拉菜单将不再在单击时激活。
我可以提供任何有助于识别问题的代码。
我正在使用bootstrap3分支的twitter引导-rails创业板。
谢谢!
浏览 2提问于2013-09-24得票数 1
回答已采纳
大家好，我正在尝试使用导航栏中的下拉菜单，并希望在悬停时显示div上所有的下拉菜单，我该怎么办。我试过了，但我希望div应该显示在所有下拉列表的相同位置。我尝试了bootstrap的模式，但它不起作用。
浏览 1提问于2020-06-10得票数 0
我正在尝试使用gem "bootstrap-sass"创建一个Bootstrap导航栏，但它不能像预期的那样加载。
这是完全加载的导航栏，可以在bootstrap的网站上找到：
在遵循了教程中提供的 (在失败之后，还有许多其他的)之后，我仍然得到相同的结果，那就是一个导航栏，其中只加载了几个引导程序类：
如果我们仔细观察修改了"Search“按钮的css类，我们注意到btn类生效了，但是类btn-outline-success没有正确加载。
我已经尝试删除或保留*= require_tree .和*= require_self，但结果总是相同的。
J
浏览 1提问于2018-02-15得票数 0
1回答
选择折叠时导航的下拉菜单
、、、
当bootstrap为较小的视口折叠时，我不喜欢折叠的3行导航按钮。有没有办法让导航栏折叠到一个选择下拉菜单，同时把它放在页面的其他地方，而不是放在右上角？就像这样：
浏览 2提问于2012-11-30得票数 2
我已经使用了bootstrap 4导航栏。我已经添加了dropdown，它在"header“文件中工作得很好，但当我将它移动到任何其他文件时，它会停止反应，单击下拉按钮。 这是我的头文件的代码，它在主文件中工作得很好，但当包含在另一个文件中时，下拉菜单不能工作 ? ?
浏览 18提问于2019-02-06得票数 0
我在我的bootstrap4导航栏中添加了一个下拉菜单，但是下拉菜单比页面多了很多(在右边)。
我尝试了一些我在谷歌上看到的东西，比如添加dropdown-menu-left或drop-left，但两者都对我没有用。目前唯一起作用的是对元素应用边距，但这不是我想要的，因为它破坏了我的导航栏的格式。
我的html
<!-- right side -->
<ul class="navbar-nav ml-auto">
@if (isset($_SESSION['user_data']))
浏览 0提问于2020-05-09得票数 0
回答已采纳
我有一个“标准”测试导航栏从Bootstrap示例，然而使用active_links宝石导航条=>品牌-关于- Page1 - Page2 -页面( Page3 - Page4 -更多)
当我单击“Pages”时，下拉菜单打开，我可以单击Page3 (Page4，.)但是在Page3中，如果我再次点击“页面”，下拉列表就不再切换了.我必须单击另一个导航栏项(关于，Page1或Page2 )才能再次切换下拉列表。
没有与导航栏相关的现有css (标准Bootstrap3 )
我的肚脐
%nav.navbar.navbar-default{:role => "navigatio
浏览 3提问于2013-09-17得票数 0
2回答
使用bootstrap，我已经使用在线引导示例创建了一个导航栏：
我的导航栏只有一个下拉菜单，效果很好，但是在手机上，导航栏会折叠成一个下拉菜单，而下拉菜单又包含了我的下拉菜单。即下拉菜单内的下拉菜单
有没有可能让我的下拉菜单正常工作，然而，当导航栏折叠时，下拉菜单项在折叠的菜单中作为菜单项列出，而不是在下拉列表中？
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for
浏览 0提问于2017-08-19得票数 0
是否可以在bootstrap中创建带有子菜单的导航栏，但不使用下拉菜单？我的意思是，当点击这个按钮时，子菜单应该出现在主菜单按钮的右侧。
浏览 0提问于2016-03-31得票数 0
1回答
我正在尝试如何实现一个“无冲突”的两行bootstrap-3固定顶部导航栏。我不确定它是否真的需要通过bootstrap定义成为两个真正的“导航栏”。我很擅长编码，但对bootstrap框架还没有完全的了解(只有几个月的专注工作)，所以我在这里有点挣扎。
最好，顶行的背景颜色是#f2f2f2，左侧是品牌/徽标，右侧是警报图标，例如消息图标、通知图标和配置文件图标。有一件事我搞不懂，就是把这些图标做成下拉列表，不会被下面的菜单隐藏，因为我对两个菜单行都使用了bootstrap navbar类。
第二行的背景是#337ab7，"page title“标题在左边，下拉导航项目在右边。我已经创
浏览 0提问于2015-08-15得票数 0
我正在尝试使用图像(导航栏中的缩略图)作为引导下拉菜单。我在bootstrap image下拉菜单中尝试了该解决方案
1：，但不起作用。这看起来相当简单，但我不能让它工作。基本上，这是用户登录时的缩略图图像，我想为用户设置，注销等下拉列表。
浏览 18提问于2016-09-03得票数 1
我遇到的问题是，我在我的网站导航栏中添加了一个使用bootstrap的下拉菜单，但无法弄清楚为什么当网站打开时，该下拉菜单会作为默认状态打开。我刚接触bootstrap。我已经附加了下面导航栏的代码：
<div class="navbar navbar-inverse">
<ul class="nav nav-pills pull-right">
<li class="dropdown">
<a data-to
浏览 14提问于2014-06-09得票数 10
1回答
两行下拉菜单
、、、
嗨，我在创建一个带有下拉菜单的导航栏时遇到了一些麻烦，我只需要一行中的所有信息，但我的菜单名称和箭头不在同一行上。
创建一个CSS元素：.dropdown-toggle::after{display: inline-block;}
我的导航栏是这样的：
我尝试了我在Bootstrap网站上找到的大多数下拉/导航栏的例子，但每次我都有两行显示的结果。我如何解决这个问题，使我的标签和箭头在同一行？
浏览 1提问于2020-04-15得票数 0
我有多个.html文件，如果我只是想在导航栏中添加一个链接，那么浏览每个文件并手动编辑每个文件都很麻烦。我使用的是bootstrap 5。所以，我想知道是否有可能让JavaScript负责加载导航栏，而不是让我去编辑每个单独的.html文件，这样所有导航栏都有相同的内容。 我不知道这是不是可能的，如果很明显这是不可能的，对不起，我真的不知道。如果还有其他方法，请告诉我，因为我不想仅仅因为我想在导航栏的下拉菜单中添加一些东西而编辑10个不同的页面。
浏览 10提问于2021-07-02得票数 3
我正在使用bootstrap，试图创建一个类似于电子商务的顶级导航栏的Facebook。我向最右上角的链接添加了一个下拉列表，因此链接" account“显示了与帐户相关的操作的下拉列表。
下拉菜单很好地右对齐，但菜单面板顶部的小箭头是左对齐的，指向导航栏中的前一个链接。
要查看它，请查看此小提琴(全屏以阻止导航栏折叠)：
这里的代码是：
对此有什么解决方法/解决方法/替代方案吗？
浏览 1提问于2012-04-19得票数 4
回答已采纳
我让twitter的bootstrap下拉按钮成功地工作了，但是我有一个小问题。这里的黑色导航栏：
当下拉菜单打开时，它会有一个整齐的小箭头，对吧？嗯，我正在用下面的药片，他们没有那个箭头。似乎只有在使用导航栏时才包含箭头，这是我不需要的。
有没有人想出把箭头加到药丸上的方法？
浏览 2提问于2012-07-24得票数 14
回答已采纳
2回答
我的问题是我不能在bootstrap中调整下拉菜单的高度。
我想在导航栏的高度是75px，以便我的徽标适合在菜单中，但我想保持下拉菜单高度50px与它的标准行高度和一切。
这是我的问题的链接：
对如何解决这个问题有什么建议吗？
浏览 0提问于2015-01-16得票数 2
回答已采纳
1回答
我在Bootstrap里有个导航栏。我的网格设置为"md"，所以当我缩小我的sreen时，导航栏项目会消失，并放在一个下拉按钮中。也就是说，它可以正确地折叠。我的导航栏中只剩下品牌和下拉按钮。
但是当我增加文本大小时，比如
.navbar {
font-size: 18px;
}
有一个中间步骤，导航栏项目下的标志(在768px和991px之间)，我不想要这个。如何避免这种情况并使徽标和菜单项在同一行上，直到缺少位置(菜单项在下拉菜单按钮中可用)？
谢谢！
浏览 0提问于2015-09-24得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
