[Bootstrap] Dropdown hover collaspe

Dropdown hover collaspe [Bootstrap] - HTML/CSS - Programmation

Marsh Posté le 01-05-2014 à 20:40:14    

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
 

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


 
 
 

Code :
  1. <li class="dropdown">
  2.    <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="false">
  3.        Account <b class="caret"></b>
  4.    </a>
  5.    <ul class="dropdown-menu">
  6.        <li><a tabindex="-1" href="#">My Account</a></li>
  7.        <li class="divider"></li>
  8.        <li><a tabindex="-1" href="#">Change Email</a></li>
  9.        <li><a tabindex="-1" href="#">Change Password</a></li>
  10.        <li class="divider"></li>
  11.        <li><a tabindex="-1" href="#">Logout</a></li>
  12.    </ul>
  13. </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,

Reply

Marsh Posté le 01-05-2014 à 20:40:14   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed