Menu Boostrap de Twitter : chute au survol ? Un problème dans Chrome

Question

J'ai pratiquement terminé mon dernier projet utilisant Twitter Bootstrap et je suis en train de régler certains problèmes qui me gênent. Je n'arrive pas à comprendre pourquoi un bout de code fonctionne sur FF mais pas sur Chrome, alors je me demandais si vous pouviez m'aider un peu...

Principalement, j'utilise ce qui suit pour permettre de faire tomber les menus par survol, et non par clic. https://github.com/CWSpear/twitter-bootstrap-hover-dropdown

Quelqu'un peut-il m'expliquer pourquoi cela ne fonctionne pas dans Chrome ?

Le site est : http://www.savamarkovic.com/dal/index.php/?lang=dal

Answer 1

Pour information, vous pouvez obtenir une liste déroulante propre au survol en utilisant ce simple bloc css :

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}

Cela vous évitera d'utiliser un plugin js supplémentaire et fonctionne dans tous les navigateurs. Bonus : un clic sur l'élément du menu principal verrouillera la liste déroulante ouverte, conformément à l'implémentation standard de la liste déroulante bootstrap.

Answer 2

GitHub ne veut pas que les fichiers soient servis à partir de raw.github.com, le type MIME est donc text/plain, ce qui empêche le chargement dans Chrome... essayez d'inclure le script localement dans votre projet.