Disable thả xuống trên di chuột cho bootstrap khi navbar đang sụp đổ

Question

tôi đã triển khai css như ở đây: How to make twitter bootstrap menu dropdown on hover rather than click

Tuy nhiên muốn vô hiệu hóa menu thả xuống trên di chuột khi navbar sụp đổ vì nó đóng vai trò một lỗi bit.

Tôi có thể làm như thế nào?

Answer 1

Bạn có thể thử gói CSS để vô hiệu hóa trình đơn thả xuống trong truy vấn phương tiện để nó chỉ vô hiệu hóa nó ở một độ rộng trang nhất định ... Đọc trên các truy vấn phương tiện và cố gắng hiểu cách bootstrap thực hiện chúng sẽ là một trong những chìa khóa để gỡ lỗi này. Đây là những gì tôi đã thử với câu đố của câu trả lời trước đó.

http://jsfiddle.net/2Smgv/5544/

@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; 
} 
}