[Bootstrap] Dropdown hover

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/bootstrap-hover-dropdown/commit/6aba7e194eaaebd29a1e21fa5a78b529496ca446)







Problématique : Comment modifier une div en fonction de la résolution ? (Je ne parle pas du css)



Cordialement,
Modifié par OneTouch (01 May 2014 - 13:37)