如何制作Bootstrap下拉菜单切换子项?

时间:2015-12-02 23:15:22

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

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

示例:

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

请查看此处的显示方式:http://finestof.me/buona-vista-resort/

建议?

1 个答案:

答案 0 :(得分:1)

从检查你的下拉列表看起来你的“。dropdown”上有干扰css。特别是在“.navbar-nav .open .dropdown-menu”上。 它应该有:

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

所以你需要删除:

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