切换Bootstrap导航下拉菜单
是指在使用Bootstrap框架开发网页时，实现导航栏中下拉菜单的切换效果。
Bootstrap是一种流行的前端开发框架，它提供了丰富的组件和样式，可以快速构建响应式的网页。导航栏是网页中常见的组件之一，用于展示网站的不同页面或功能链接。
下拉菜单是导航栏中的一种常见形式，它可以包含多个选项，用户点击菜单标题时会展开下拉菜单，从而显示更多选项。
在Bootstrap中，切换导航下拉菜单可以通过以下步骤实现：
- 在HTML文件中，使用Bootstrap提供的导航栏组件创建导航栏结构。可以使用
<nav>元素和<ul>、<li>等标签来定义导航栏的结构。 - 在导航栏中，使用
<li>标签创建包含下拉菜单的菜单项。在该<li>标签内部，使用<a>标签定义菜单标题，并为其添加data-toggle="dropdown"属性。 - 在菜单项的
<li>标签内部，创建一个<ul>标签，用于定义下拉菜单的选项。在该<ul>标签内部，使用<li>标签定义每个选项。 - 使用CSS样式或Bootstrap提供的样式类来美化导航栏和下拉菜单的外观。
- 使用JavaScript或Bootstrap提供的JavaScript插件来实现下拉菜单的切换效果。可以通过为菜单项的
<li>标签添加class="dropdown"属性来激活下拉菜单。
下拉菜单的切换效果可以通过Bootstrap的dropdown插件来实现。该插件会自动处理菜单项的点击事件，使得点击菜单标题时下拉菜单展开或收起。
推荐的腾讯云相关产品：腾讯云云服务器（https://cloud.tencent.com/product/cvm）和腾讯云云数据库MySQL版（https://cloud.tencent.com/product/cdb_mysql）。
腾讯云云服务器（CVM）是一种灵活可扩展的云计算服务，提供了高性能的虚拟机实例，适用于各种应用场景。您可以使用腾讯云云服务器来部署和运行您的网站，包括使用Bootstrap框架开发的网页。
腾讯云云数据库MySQL版（CDB MySQL）是一种高性能、可扩展的关系型数据库服务，适用于各种应用场景。您可以使用腾讯云云数据库MySQL版来存储和管理网站的数据，包括与Bootstrap导航下拉菜单相关的数据。
请注意，以上推荐的腾讯云产品仅作为示例，您可以根据具体需求选择适合的产品。
相关·内容
我正在使用带下拉菜单的bootstrap 3导航栏。默认的行为是点击打开下拉菜单，第二次点击关闭。我想在第二次点击时访问该链接。是否可以使用默认引导程序functionality>
浏览 3提问于2014-06-03得票数 2
我已经用bootstrap nav创建了一个导航菜单。我已经添加了一个小的jquery代码，当我按下移动切换菜单时，它将自动关闭并前往目的地
但是如果我在导航中有下拉菜单。此下拉菜单现在不起作用。当我按下拉菜单parent for expand i时，会自动关闭菜单。而且我无法检查下拉菜单中的可用菜单，所以我尝试添加一个条件。但它不起作用。
在下拉菜单中，父级具有名为.dropdown-toggle的类。如果这个类可用，它不应该自动关闭
if (jQuery(".navbar-collapse a").val() !== '.dropdown-toggle')
浏览 1提问于2015-06-15得票数 0
6回答
。我有一个基本的Bootstrap 3响应式导航，如下所示：
<div id="navbar" class="navbar navbar-fixed-top navbar-inverse">
<div class="container">
<a id="navbar-toggle" class="navbar-toggle" data-toggle="collapse" data-target=".nav-coll
浏览 78提问于2013-08-10得票数 15
回答已采纳
0回答
我在使用bootstrap的导航栏时遇到了困难。我想创建一个使用bootstrap下拉菜单列表。问题是li在导航栏上。我知道bootstrap有下拉列表，但它用于按钮，在这种情况下是不合适的。我如何在我的引导导航栏中有一个ul li下拉列表？例如，假设我有5个页面，我希望页面是可见的，当我单击以显示在其他4个页面的下方时？我想创建一个导航下拉菜单使用ul内的导航栏使用bootstrap
谢谢。
浏览 9提问于2016-07-21得票数 0
我正在尝试使用图像(导航栏中的缩略图)作为引导下拉菜单。我在bootstrap image下拉菜单中尝试了该解决方案
1：，但不起作用。这看起来相当简单，但我不能让它工作。基本上，这是用户登录时的缩略图图像，我想为用户设置，注销等下拉列表。
浏览 18提问于2016-09-03得票数 1
7回答
这是我第一次使用ASP.NET，我尝试使用Bootswatch主题，但是当我尝试使用它时，页面顶部的导航栏变成了一个奇怪的下拉菜单。
我做错了什么吗？我刚刚用Bootswatch的新bootstrap.css替换了当前的。
浏览 6提问于2017-12-26得票数 17
回答已采纳
我想用dropdown(' toggle ')方法切换一个bootstrap dropdown，但它不会切换下拉菜单(第一次单击时打开，再次单击时不关闭)。我只想通过dropdown(‘切换’)方法来做。我使用了以下代码：
JavaScript-
$(function(){
$(".dropdown-toggle").click(function(){
$(this).dropdown('toggle');
});
});
HTML-
<div class="dropdown">
浏览 0提问于2013-07-15得票数 2
我对导航栏使用了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
1回答
我有一个关于Bootstrap的导航栏的问题：我正在做一个单页面的应用程序，结果发现移动端的bootstraps下拉导航菜单并不能很好地工作，也就是点击后不能折叠，我设法通过添加data-toggle="collapse" data-target="#navbar"属性来解决这个问题，但是当它不是下拉菜单的时候，整个菜单都会折叠。
浏览 1提问于2016-11-29得票数 1
感谢您提前提供帮助！
我的问题是twitter bootstrap的下拉菜单(导航栏)对我不起作用，我现在很迷茫。我的头代码(所以，是的，我确实包含了他们的.js并调用它)：
<head>
<title>{% block title %}User test{% endblock %}</title>
<!--for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.
浏览 1提问于2012-02-16得票数 1
回答已采纳
2回答
我有一个问题，因为我做了一个导航栏，它是粘性顶部的，它有几个下拉菜单(每个下拉菜单中有许多按钮)。因此，如果设备的高度太小，它会被裁剪，我可以得到更低的按钮。我需要知道如何在导航栏上添加滚动。
现在它是这样工作的(使用bootstrap 4.0)
而在bootstrap 3.3.7中，它更简单，看起来像这样：
只需将窗口高度更改为300px，您就会看到效果。我需要帮助添加滚动到粘性顶部折叠导航栏。
浏览 23提问于2018-02-17得票数 3
回答已采纳
1回答
我似乎对小视图中的Bootstrap折叠下拉功能有一个奇怪的问题。我在XS和S视图的标题中都有图标，在XS中，点击这些图标将扩展功能，而在S中，这些下拉菜单已经打开，如果我尝试点击与下拉菜单交互的按钮，我会得到一个奇怪的动画。
Iv注意到关闭显示：！重要；在引导css (浏览器调试器)中的导航栏-折叠。似乎可以解决这个问题--然而，无论出于什么原因，这都是一个糟糕的修复方法--我不知道如何在我的自定义样式表中重写它。有没有人遇到过类似的Bootstrap崩溃下拉菜单问题？
我已经创建了一个Bootply文档，图片和字体--可怕的图标不会出现在那里，所以它看起来有点奇怪，忽略红线，因为它是用来测
浏览 1提问于2015-10-16得票数 3
2回答
我有一个经典的带下拉菜单的Bootstrap3导航栏()。
我希望菜单下拉菜单具有屏幕高度。有可能吗？
浏览 17提问于2017-07-21得票数 2
回答已采纳
如何在导航容器外创建全宽度下拉菜单？
我想为多个列表项目创建一个下拉菜单，就像Bootstrap 3中的。
浏览 2提问于2016-03-18得票数 0
回答已采纳
2回答
在引导导航栏中，我有一个下拉菜单。
在较小的屏幕上，导航条被折叠，我得到一个按钮来切换导航栏项的可见性。
因为我唯一的项目，是下拉菜单，我觉得它有点“愚蠢”，必须首先点击来切换导航可见性，然后单击下来菜单。
我可以看到，真正触发下拉列表的是将类open添加到下拉菜单中--就像in似乎会触发折叠导航栏的可见性一样。
但是，当显示折叠导航条时，如何使下拉“自动下拉”？
用来说明的小小提琴：
浏览 5提问于2015-05-07得票数 0
回答已采纳
1回答
这是我在sof上的第一个问题。
我想在bootstrap中使用ànavbar。这个导航栏必须包含两个下拉菜单在导航栏的右侧部分，这两个下拉菜单必须是相同的形状，即使我在桌面屏幕上的移动屏幕上显示的页面。
它们必须以相同的方式在两个屏幕上运行。
始终是一个下拉菜单，从不折叠。
第一个下拉菜单是语言选择器，第二个下拉菜单是经典菜单
浏览 0提问于2014-11-21得票数 0
当我之前包含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
Twitter Bootstrap的导航组件中的下拉菜单在下拉菜单的顶部有一个“提示”。
如何在普通的下拉菜单中添加提示？
<div class="dropdown">
<a href="#" data-toggle="dropdown">
Click me
</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
浏览 4提问于2013-06-14得票数 0
回答已采纳
我正在尝试使用带选项卡功能的bootstrap下拉菜单导航2个圆滑旋转木马。最初，新闻包装器将被隐藏。我们的想法是以两种方式在圆滑的旋转木马中导航。第一个是使用下拉菜单，第二个选项是使用按钮显示隐藏方法。因此，请查看此链接以更好地了解。谢谢。
浏览 25提问于2016-08-20得票数 1
1回答
我知道如何更改bootstrap 4下拉菜单宽度： .dropdown-menu{ min-width: ??px;} 但是，如果我的导航栏上有多个下拉菜单，如何更改仅一个特定下拉菜单的宽度？ 我试过像这样的id #loginDropdown { min-width: ??px;} 将id添加到特定的下拉菜单中，但这不起作用。 如何解决？
浏览 20提问于2019-03-06得票数 0
回答已采纳
我使用的是bootstrap 4 beta版。
我有一个导航栏，当屏幕全尺寸时，它使用标准大小的按钮作为导航项目，这些按钮显示在导航栏的右侧，与站点徽标一起显示，站点徽标位于导航栏的左侧。
我希望这些按钮跨越宽度的导航栏下拉菜单时，屏幕很小，汉堡菜单是切换。
目前，这些都是左对齐，如下图所示。
我认为使用块级按钮会在下拉菜单上给我想要的结果，但它们在全尺寸导航栏上不起作用。
我的问题是，当切换汉堡菜单时，如何使第二张图片中的按钮跨越下拉菜单的宽度，但当屏幕较大且没有像第一张图片那样折叠到汉堡菜单时，如何使按钮显示为正常大小？
浏览 2提问于2017-10-11得票数 0
当窗口的大小减半时，我尝试创建一个导航条下拉列表。下拉列表不工作在窗口宽度950 it，但它工作在窗口宽度768 it。
navbar.component.html
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" dat
浏览 1提问于2017-11-12得票数 3
2回答
我正在使用最新的Bootstrap来设计我的管理面板。当包含Responsive css时，我包含的导航栏工作正常，如下所示：
<link rel="stylesheet" href="../css/bootstrap-responsive.min.css">
但当我删除此行并重新加载页面时，导航栏的下拉菜单不起作用。实际上，dropdowns正在工作，但它们在容器下重叠。
有什么建议可以解决这个问题吗？
浏览 2提问于2013-02-26得票数 0
我正在尝试让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
我正在使用Twitter Bootstrap和 -我在我的页面上的主导航下有一个下拉菜单，它在滑块的上方。当我向下拉菜单时，它会呈现在滑块后面。这只在IE7中发生，我需要它在IE7中工作...有什么想法/建议吗？谢谢。
浏览 3提问于2013-05-03得票数 1
大家好，我正在尝试使用导航栏中的下拉菜单，并希望在悬停时显示div上所有的下拉菜单，我该怎么办。我试过了，但我希望div应该显示在所有下拉列表的相同位置。我尝试了bootstrap的模式，但它不起作用。
浏览 1提问于2020-06-10得票数 0
1回答
选择折叠时导航的下拉菜单
、、、
当bootstrap为较小的视口折叠时，我不喜欢折叠的3行导航按钮。有没有办法让导航栏折叠到一个选择下拉菜单，同时把它放在页面的其他地方，而不是放在右上角？就像这样：
浏览 2提问于2012-11-30得票数 2
2回答
改变Bootstrap菜单的最简单的方法是点击下拉菜单，而不是悬停菜单？
示例url：
这可以通过bootstrap来实现吗，纯粹通过CSS或者一点JavaScript？
浏览 1提问于2013-03-20得票数 2
我正在使用bootstrap (v2)，我从中看到你可以有"Split Button Dropdown“。
在导航栏中，您可以有下拉菜单
然而，它看起来不像你可以在导航栏中有一个拆分下拉菜单。我想要使用它的目的是让登录用户的名称旁边有插入符号。单击用户名会将您带到该用户的页面，但插入符号会显示一个带有“注销”等操作的下拉列表。
这个是可能的吗？
浏览 1提问于2012-12-08得票数 3
回答已采纳
5回答
我正在用bootstrap做我的个人文件夹，导航下拉菜单中有一个插入符号，你可以在上看到。
portfolio旁边的插入符号是ok的，但当您单击portfolio时，下拉菜单顶部也会有一个白色的插入符号。有谁知道怎么去掉这个吗？
浏览 5提问于2012-05-29得票数 3
回答已采纳
来自React-Bootstrap的本机下拉菜单非常不稳定。我想把它弄平。我发现这个类用于普通的Bootstrap，我想知道如何移植它来做出反应，或者只是完成一些类似的事情： https://startbootstrap.com/snippets/animated-navbar-dropdown/ 谢谢!
浏览 13提问于2019-05-10得票数 0
回答已采纳
我目前正在为我的单页应用程序使用2.x Bootstrap版本。
在桌面上，它工作得很好。
然而，在我的ipad和手机上，它显示了一个导航按钮，这是很好的。但是，当我单击显示的下拉项中的一个项时，它不会自动关闭。
因为它是一个单页面的应用程序，我发现再次点击它来隐藏查看内容是很烦人的。
我尝试过在单击导航-折叠元素时折叠(‘hide’)，但它在下拉菜单中隐藏了其他li元素。
$(‘..nav折叠>li’).click(函数(E)
$(.collapse)隐藏(‘hide’)
当一个链接被点击时，最好的隐藏方式是什么？
谢谢。
浏览 0提问于2012-09-01得票数 1
回答已采纳
我正在做一个引导项目，第一个任务是使用引导导航栏在标题中构建导航。我想使用Bootstrap的折叠功能来创建下拉菜单div，当用户悬停或激活导航项时，它将是可见的。我想使这个下拉菜单div 100%的屏幕宽度。下面是示例代码：
<ul class="nav navbar-nav">
<li class="dropdown">
<a ...>ABOUT</a>
<div class="dropdown-menu">
</li>
</ul>
问
浏览 0提问于2017-04-19得票数 0
回答已采纳
1回答
我试图自定义导航栏中的下拉菜单。当用户单击/关闭下拉菜单时，我想控制图标。
-当用户打开下拉列表时，a角向上
-当用户关闭/默认下拉式时，fa角向下
有什么问题吗？
浏览 5提问于2022-07-20得票数 0
1回答
我正在使用Bootstrap创建我的用户界面。
我有一个相对较高的导航栏；导航栏的默认高度是50px，我的导航栏是100px。当我渲染一个拆分按钮时，菜单下拉菜单并不考虑导航栏的高度(下面的链接说明了这个问题)。我如何修复这个问题，使下拉菜单呈现在按钮下方(而不是导航栏下方)？
此外，如果有人对如何消除按钮组中间的间隙有一个建议，那也是很棒的！
澄清
我使用的是SASS，所以我没有意识到我粘贴的链接没有说明这个问题。我编译了我的CSS并将其放在JSFiddle链接中。不幸的是，那里的CSS文件很大。
如果您正在使用带有LESS或SASS的BootStrap，我将$navbar-height变
浏览 0提问于2014-06-23得票数 1
1回答
我正在尝试让Bootstrap3导航下拉菜单在显示下拉菜单的同时触发一个可折叠的div --基本上是为了‘模拟’一个全宽的子导航栏：
$('.dropdown').on('show.bs.dropdown', function () {
$('#collapseExample').slideDown('normal');
});
$('.dropdown').on('hidden.bs.dropdown', function () {
if (!$('div.dropdown
浏览 1提问于2015-01-12得票数 0
我有一个标准的Bootstrap (3.3.7)导航项目与2个下拉菜单。在加载页面时，默认情况下应显示导航中的第一个下拉项。当鼠标悬停在第二个下拉项上时，该项现在应该是唯一显示的下拉项，直到第一个项再次悬停在上面。单击页面上的任意位置不应关闭任何下拉菜单，单击下拉菜单的名称(Dropdown #1等)必须起到链接的作用。 我现在有它，所以默认情况下导航是公开的，导航开关是悬停的，但是点击页面上的任何地方都会关闭下拉菜单，我不知道如何覆盖它。另外，有没有更好的方法让第一个项目默认打开？ 我的代码看起来像这样： $(document).ready(function() {
var $
浏览 29提问于2019-08-27得票数 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
4回答
does文件很好地将导航栏转换为iPad上的下拉菜单。
我的问题是导航栏没有固定在屏幕的顶部。相反，它遵循body标记上的padding-top。
问:我是不是应该把padding:0添加到bootstrap-responsive.css中？
还是我做错了什么？
浏览 3提问于2012-04-17得票数 2
回答已采纳
1回答
我正在使用Bootstrap 2构建一个网站，我想在导航栏中的一个项目中添加一个下拉菜单。
很简单。但是，当下拉菜单展开时，它会出现在导航栏中不正确的项目下：
请注意，在上面的屏幕截图中，dropdown呈现在"Admin“(最左边的导航栏元素)下，而不是"Locator”(激活下拉菜单的元素)下。
我如何解决这个问题，使下拉菜单显示在正确的导航栏元素下面？
下面是导航栏的HTML：
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navba
浏览 1提问于2013-01-21得票数 7
回答已采纳
如果您将浏览器的大小调整为此网站上的电话显示屏大小，您会注意到导航栏变成了一个下拉菜单。有没有办法让twitter bootstrap也自动为我做这件事？
另外，如果侧边导航栏也能做同样的事情就好了。
或者也许在bootstrap之上有一些twitter bootstrap第三方组件可以处理这样的事情？(我们只是想让网站在手机上看起来更好，而不需要做太多的工作)。
谢谢你，迪恩
浏览 3提问于2013-03-28得票数 1
回答已采纳
请使用移动视图运行。
我从bootstrap文档复制的代码，我希望有切换按钮(三条按钮)，当我按下按钮时，我想得到一个下拉菜单。但我真的不明白如何在切换按钮上有一个下拉菜单的概念。
请给我看一下示例代码，谢谢。
浏览 0提问于2013-09-18得票数 0
1回答
我正在开发一个Bootstrap网站，我发现一个网站有这个导航栏设计，我喜欢。但我不知道他们是怎么做到的，或者它是否有可能在Bootstrap中实现。
我不需要完全相同的设计，但这里有一些我想要实现的东西。1.导航栏中项目之间的竖线。2.当鼠标悬停在导航栏中的某个项目上时，下拉菜单(而不是那些单词的对齐方式)将始终与左侧的父菜单对齐。
该网站是。非常感谢！
浏览 1提问于2014-09-12得票数 1
1回答
下拉菜单不打开。
、、
我通过引导程序构建了一个导航条，而下拉菜单出现了问题。
第一项：
现在它还没有打开。
我希望下拉菜单中的文本在右边。
下面是导航栏的完整代码：
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1&
浏览 1提问于2015-09-09得票数 0
回答已采纳
2回答
我的问题是我不能在bootstrap中调整下拉菜单的高度。
我想在导航栏的高度是75px，以便我的徽标适合在菜单中，但我想保持下拉菜单高度50px与它的标准行高度和一切。
这是我的问题的链接：
对如何解决这个问题有什么建议吗？
浏览 0提问于2015-01-16得票数 2
回答已采纳
我正在使用带有自动关闭功能的ngbDropdown。当我单击不同的下拉按钮时，使用非键盘导航的下拉菜单将被正确清除。使用键盘，我可以使用tab键并按enter键，然后出现下拉菜单。当我用tab键切换到另一个下拉菜单并按enter键时，上一个菜单不会消失，从而产生两个可见的下拉菜单。键盘导航不支持自动关闭吗？下面是一个小示例：https://stackblitz.com/edit/angular-xg5veq-zbtuys 谢谢!
浏览 32提问于2020-04-16得票数 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
问题:在移动设备上加载Bootstrap站点时，菜单会因为导航-折叠媒体-查询CSS而消失。我想要的是保持一个最低限度的菜单，没有下拉菜单。这有可能吗？
如果我要添加另一个只具有顶级的导航栏，我如何应用media-query来执行If-Else以根据屏幕大小选择适当的导航栏？
浏览 1提问于2012-04-26得票数 0
回答已采纳
是否可以在bootstrap中创建带有子菜单的导航栏，但不使用下拉菜单？我的意思是，当点击这个按钮时，子菜单应该出现在主菜单按钮的右侧。
浏览 0提问于2016-03-31得票数 0
所以我一直在使用Bootstrap 4和Understrap进行我最新的主题开发，我遇到了一个奇怪的bug，它有dropdown功能。似乎在使用toggleable-xl导航栏时，下拉菜单会在打开时调整整个导航栏的大小。
下面是这个问题的一个例子：
您可以看到，通过将toggleable-xl更改为toggleable-sm，它可以解决这个问题。我必须使用toggleable-xl的原因是想要删除导航栏的折叠功能。我知道我不能简单地使用导航栏，但如果可能的话，我想保留样式。你知道为什么下拉菜单会这么做吗？或者我如何才能在不产生这个问题的情况下完成这个导航栏？
浏览 7提问于2017-02-24得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
