ハンバーガーメニューがiPhoneで動作しないのですか？

Question

ハンバーガーメニューはiPhone携帯端末では表示されませんが、Android搭載端末では機能します。私が使用しているブラウザはchrome & safari iphone 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

は、私はちょうど私のiPhone 5S上のSafariとChromeを使用してサイトをテストし、ハンバーガーメニューが正常に動作します：http://xavierbreaker.com/ はここに私のコードです： はこちらのウェブサイトです。私はiPhone 4sでテストすることができませんが、私は前の助けを願っています。