햄버거 메뉴가 아이폰에서 작동하지 않습니까?

Question

햄버거 메뉴는 iPhone 휴대 기기를 터치해도 열리지 않지만 Android 기기에서 작동합니다. 내가 사용하는 브라우저는 크롬 & 사파리 아이폰 4s 장치입니다.

햄버거 메뉴를 사용하여 iPhone 기기에서 내 웹 사이트를 모바일 친화적으로 만들려면 어떻게해야합니까?

<div id="nav"> 
    <div class="navbar navbar-fixed-top navbar-inverse" data-spy="affix" data-offset-top="100"> 
    <div class="container"> 

     <div class="navbar-header"> 
     <a class="navbar-brand" href="#">xyz company</a> 
     <a class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </a> 
     </div> 

     <div class="navbar-collapse collapse"> 
     <ul class="nav pull-right navbar-nav"> 
      <li><a href="index.html">Home</a></li> 
      <li><a href="about.html">About</a></li> 
      <li><a href="shows.html">Shows</a></li> 
      <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Media<i class=""></i></a> 
      <ul class="dropdown-menu" role="menu"> 
       <li><a href="gallery.html">Gallery</a></li> 
       <li><a href="audiovisual.html">Audio/Visual</a></li> 
       <li><a href="">Beats Coming Soon</a></li> 
      </ul> 
      </li> 
      <li><a href="contact.html">Contact</a></li> 
     </ul> 
     </div> 

    </div> 
    </div> 
</div> 

Answer 1

난 그냥 내 아이폰 5S에 사파리와 크롬을 사용하여 사이트를 테스트 햄버거 메뉴가 잘 작동 : http://xavierbreaker.com/ 여기 내 코드입니다 : 여기 웹 사이트입니다. iPhone 4s에서 테스트 할 수 없지만 이전 도움이 되었기를 바랍니다.