Disable discesa sulla librazione di bootstrap quando navbar è compresso

Question

ho implementato il css come mostrato qui: How to make twitter bootstrap menu dropdown on hover rather than click

Tuttavia desidera disattivare la discesa sul mouse quando la barra di navigazione collassa in quanto agisce un po 'buggy.

Come posso farlo?

Answer 1

Si potrebbe provare a inserire il CSS per disattivare il menu a discesa in una query multimediale in modo che lo disabiliti solo a una determinata larghezza della pagina ... Leggere le query sui media e cercare di capire come verrà eseguito il bootstrap uno le chiavi per il debug di questo. Ecco cosa ho provato con il violino della risposta precedente.

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