【问题标题】:How to make Bootstrap dropdown menu toggle subitems?如何使 Bootstrap 下拉菜单切换子项?
【发布时间】:2016-03-07 09:56:06
【问题描述】:

我正在使用 Bootstrap 开发一个网站。我有响应式菜单,可以在移动设备上变成汉堡包。现在,我现在已经下拉菜单项了,当一个下拉菜单项时,它会覆盖菜单的其余部分。我怎么能阻止它?

例子:

MENU
    item1
        subitem1.1
        subitem1.2
    item2
        subitem2.1
        subitem2.2
    item3
    item4

在此处查看它的外观:http://finestof.me/buona-vista-resort/

建议?

【问题讨论】:

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


    【解决方案1】:

    通过检查您的下拉菜单,您似乎在“.dropdown”上干扰了 CSS。特别是在“.navbar-nav .open .dropdown-menu”上。 它应该有:

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
    }
    

    所以你需要删除:

    .dropdown-menu {
        position: absolute;
        float: left;
    }
    

    【讨论】:

    • 就是这样!这是 Bootstrap 的 css,所以我用 !important 覆盖了它。非常感谢!!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-10-31
    • 2023-02-14
    • 2022-08-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多