Столкнулся в Bootstrap 2 c тем, что выпадающее меню на в браузере на компьютере работает, а открываешь на телефоне, кликаешь по пункту второго уровня - меню сворачивается, а перехода по ссылке не происходит.
Решение нашел на stackoverflow.com, вернее там два решения:
Первое - это в файле bootstrap.js заменить ontouchstart на disable-ontouchstart
if ('ontouchstart' in document.documentElement) {
// if mobile we we use a backdrop because click events don't delegate
$('<div class="dropdown-backdrop"/>').insertBefore($(this)).on('click', clearMenus)
}
Этот вариант работает, но есть и другой вариант, без необходимости вносить изменения в код бутстрап.
Второй вариант - в шаблон сайта дабовляются несколько строк js кода:
jQuery(document).ready(function($) {
$("li.dropdown a").click(function(e){
$(this).next('ul.dropdown-menu').css("display", "block");
e.stopPropagation();
});
});
Вариант тоже работает, но раскрытое подменю никак не получается убрать) куда ни кликай,
Поэтому первый вариант остается более предпочтительным..