如何在导航栏下面的这个下拉菜单全宽?

时间:2016-12-09 04:03:50

标签: html css twitter-bootstrap drop-down-menu

我有一个基本的Bootstrap导航栏here

我想做的是:

  

(导航栏)

     

----- ------标志项的下拉---- ----------------------------登录/注册-----

     

(下拉菜单)

     

- - - - 子项----子项----子项------------------------- --------------

悬停时,我想让下拉菜单在导航栏下方显示全宽。悬停事件不是我遇到的问题,我在将其正确定位到100%宽度时遇到问题。

更新

我看到引导程序将position: relative添加到.nav > li,当我在Chrome开发人员工具中将其关闭时,它会从导航栏元素的位置开始全屏离开屏幕。

解决方案

Working Example

我的示例的解决方案是覆盖Bootstrap的.nav>liposition: static

我现在知道这被称为大型菜单:)

1 个答案:

答案 0 :(得分:1)

我不确切知道你需要什么,如果我的想法是对的你想要这个链接,请查看bootstrap mega菜单

click here