如何使这个下拉菜单全宽在导航栏下面？
我这里有一个基本的Bootstrap navbar
我想做的是：
（Navbar）
-----logo---------------------登录/注册-----
（下拉菜单）
----子项----子项----------------------------------
在悬停时，我想使下拉菜单显示全宽右下方的navbar。悬停事件不是我有问题的，我有问题定位它正确的100%宽度。
更新
我看到bootstrap将position:relative添加到.nav>li中，当我在Chrome developer tools中将其删除时，它将从navbar元素的位置开始离开屏幕的全宽。
解决方案
工作实例
我的示例的解决方案是将bootstrap的.nav>li覆盖到位置:static。
我现在知道这被称为巨型菜单：）
共有1个答案
我不知道你需要什么，如果我的想法是对的，你想要这个链接，检查与引导巨菜单
单击此处
-
本文向大家介绍JavaScript实现HTML导航栏下拉菜单，包括了JavaScript实现HTML导航栏下拉菜单的使用技巧和注意事项，需要的朋友参考一下 JavaScript实现HTML导航栏下拉菜单[悬浮显示] 前端界面进行设计时，我们会遇到鼠标悬浮在某选项上，然后就会凭空显示出菜单出来，这种设计的确受到了很多人的青睐。其实纯css也是可以实现的，但是会有一些限制，必须如要显示的菜单需要作为鼠
-
我正在尝试制作一个看起来像折叠项的全宽下拉菜单——网站现在经常使用的全宽可折叠导航。但我不知道怎么做。 我尝试过添加Bootstrap的折叠插件，但没有成功。增加一个以上的项目是否被认为是安全的做法。导航栏折叠类到导航栏？ 或者我的方法应该只是编辑Bootstrap的下拉列表？如果是这样，我应该怎么做？ 这里有一张图片向你展示了我正在努力实现的目标： 这是我的代码大纲，请查看全宽剪裁：
-
我正在引导4中创建一个下拉列表。我把下拉切换按钮和下拉菜单放在类="容器"的div元素中，我希望下拉切换和下拉菜单为其父元素的全宽度。我为此写了这个代码 下拉切换按钮占据其父div的全部宽度。但是，当我单击下拉切换按钮时，我发现下拉菜单没有占据全部宽度。我想让下拉菜单的宽度等于它的父菜单宽度，我该怎么做？（我尝试使用width:inherit；property，但没有正常工作）
-
本文向大家介绍基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项，一个下拉菜单和登录表单导航条)，包括了基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项，一个下拉菜单和登录表单导航条)的使用技巧和注意事项，需要的朋友参考一下 效果图如下所示： 实现代码如下： 以上所述是小编给大家介绍的基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项，一个下拉菜单和登录表单导航条)
-
因此，我刚刚从bootswatch复制了navbar表单的代码片段，并直接导入了所需的JQuery、bootstrap css和js文件，如下面的代码片段所示。当浏览器调整大小时，它会做出响应，但当我单击按钮以获取导航栏的下拉菜单时，它会出现故障，不会下降并停留在那里，而是自动切换回原来的状态。 代码中没有任何调整或更改，它在bootswatch网站上运行良好，但这里没有。有人能解释一下原因并给出
-
我试图找出一个解决方案，在菜单项中有子菜单。我有2个下拉按钮（报告和视图）在菜单项是一个下拉项目本身。当我点击第一个按钮时，它会在下面显示子菜单，但是当我点击第二个下拉按钮时，它仍然会显示第一个子菜单项，而不是第二个子菜单项。我尝试使用btn-group对每个按钮进行分组，但当我这样做时，它会破坏按钮，当你点击按钮时，菜单就会消失。有什么建议吗？谢啦