Drop down menu 当导航栏折叠时,为引导禁用悬停下拉菜单
我已经实现了css,如下所示: 但是,当导航栏崩溃时,您希望禁用悬停下拉菜单,因为它的行为有点错误Drop down menu 当导航栏折叠时,为引导禁用悬停下拉菜单,drop-down-menu,twitter-bootstrap,navbar,Drop Down Menu,Twitter Bootstrap,Navbar,我已经实现了css,如下所示: 但是,当导航栏崩溃时,您希望禁用悬停下拉菜单,因为它的行为有点错误 我该怎么做呢?您可以尝试包装CSS以禁用媒体查询中的下拉列表,这样它只能在特定的页面宽度上禁用它。。。阅读媒体查询并试图理解引导如何实现它们将是调试这一问题的关键之一。下面是我用前面答案的小提琴试过的 你有没有找到一个简单的方法? @media (min-width: 767px) { .sidebar-nav { padding: 9px 0; } .dropdown-menu .
我该怎么做呢?您可以尝试包装CSS以禁用媒体查询中的下拉列表,这样它只能在特定的页面宽度上禁用它。。。阅读媒体查询并试图理解引导如何实现它们将是调试这一问题的关键之一。下面是我用前面答案的小提琴试过的
你有没有找到一个简单的方法?
@media (min-width: 767px) {
.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;
}
}