Bonjour,
 
Pour résumé j'aimerais avoir :
 
Partie 1 :Le menu hover uniquement lorsque la résolution de l'écran est supérieur à 690
 
Partie 2 :Le menu avec clique pour activer les sous menu lorsque la résolution de l'écran est inférieur à 690 (Nav collapsed)
 
Problème :  Une fois mon menu en version "mobile",le hover reste activé ce qui a pour effet d'avoir une scrollbar.
 
Pour le moment,j'ai juste réussis la première partie
 

<script src="/path/to/bootstrap-hover-dropdown.min.js"></script>

<li class="dropdown">

    <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="false">

        Account <b class="caret"></b>

    </a>

    <ul class="dropdown-menu">

        <li><a tabindex="-1" href="#">My Account</a></li>

        <li class="divider"></li>

        <li><a tabindex="-1" href="#">Change Email</a></li>

        <li><a tabindex="-1" href="#">Change Password</a></li>

        <li class="divider"></li>

        <li><a tabindex="-1" href="#">Logout</a></li>

    </ul>

</li>

 
 
 
Source : https://github.com/CWSpear/bootstrap-hover-dropdown
 
J'ai trouvé une "solution" sur le net mais je ne comprends pas comment la mettre en place (https://github.com/CWSpear/bootstrap-hover-dropdown/issues/11 - https://github.com/CWSpear/bootstra [...] 9496ca446)
 
 
 
 
 
 
 
Problématique : Comment adapter le data utilisé en fonction de la résolution ? (Click/hover)
 
 
 
Cordialement,