Drupal 7 开发内部培训资料, 分头诗人

bootstrap 主题,勾选菜单项的expanded,子菜单不展开

赞成!
0
否决!

用bootstrap主题,碰到一个问题,勾选菜单项的expanded,如果他还有子菜单,只有当点击此菜单项的时候,子菜单才会出现,在网上搜索了下,是主题作者考虑到移动设备的体验,故意这样设置的,想问下在哪里改代码可以使所有勾选了expanded选项的菜单的子菜单能够全部展开,多谢

1 个回答

赞成!
0
否决!

试一下类似如下改css

.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

 

例子