Выпадающее меню Bootstrap не работает на iOS

Question

У меня возникла проблема, когда мое выпадающее меню не работает в iOS. Он отлично работает на рабочем столе, но всякий раз, когда я загружаю свой сайт на свой iPhone, выпадающее меню отсутствует. Вот мой HTML:

<div class='container visible-xs hidden-md'> 
<div class='row well well-sm mobile-well'> 
    <div class='col-md-12 text-center dropdown'> 
    <h4 class="dropdown-toggle explore" data-toggle="dropdown" id="dropdownMenu1" aria-haspopup="true" aria-expanded="true">Explore <span class='caret'></span></h4> 
    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> 
     <li><a href="#" class="dropdown-link">Home</a></li> 
     <li class='divider'></li> 
     <li><a href="#" class="dropdown-link">Menu</a></li> 
     <li class='divider'></li> 
     <li><a href="#" class="dropdown-link">About</a></li> 
     <li class='divider'></li> 
     <li><a href="#" class="dropdown-link">Contact</a></li> 
    </ul> 
    </div> 
</div> 

Не уверен, что, если я делаю что-то неправильно или нет, но любая помощь будет принята с благодарностью. Спасибо!

Answer 1

Я проверил эту проблему (используйте мой iPhone6, последние IOS)

«Исследуйте и каретка» виден, но не работает выпадающее меню. потому что я забыл добавить js-код. С моей точки зрения, вы должны проверить ваш JS код

$(document).ready(function(){ 
    $('.dropdown-toggle').dropdown(); 
}); 

http://getbootstrap.com/javascript/#via-javascript-1