Bootstrap est une bibliothèque bien pratique fournie par Twitter, dont l'objectif est de répondre à des besoins récurrents dans la création de site internet : uniformisation des rendus sur différents navigateurs, embellissement des styles de base, et adaptation sur les supports mobiles.
Cette dernière partie nous intéresse fortement, car elle nous permet de créer des sites au design dit "responsive", qui s'adapte aussi bien sur le pc que sur tablette ou smartphone. Mais voilà que l'objectif de bootstrap n'est pas atteint, car l'un des composants phares de la librairie, le menu à plusieurs niveaux, ne fonctionne pas sur les mobiles.
Pour corriger ce problème sur les versions 2.2.0 et antérieures de bootstrap, il vous suffit d'éditer votre fichier bootstrap.js et de remplacer la ligne suivante
.on('click.dropdown.data-api touchstart.dropdown.data-api', clearMenus)
par
.on('click.dropdown.data-api', clearMenus)
A noter : la version de 2.3.0 de bootstrap corrige ce problème - Télécharger la dernière version de bootstrap.