title: Navbar Toogle issue with Twitter Bootstrap 3 (subversion 3.0) on iPhone
body: <p>I recently built this website <a href="http://www.bier-in-aktion.at" rel="nofollow">http://www.bier-in-aktion.at</a>. When opening the site on iPhone 5/6 in Safari, the naviagation dropdown opening the first level to the anchor "Biergarten" works fine.
  The problem appears, when I tab on "Biergarten", which should bring up the 10 <li> of the dropdown-menu ul.</p>
  
  <p>Also working fine on:
  - Chrome/Browser Samsung Galaxy
  - Mac Chrome
  - Mac Safari</p>
  
  <p>Do you have an idea how i can solve this iPhone issue?</p>
  
  <pre><code>&lt;nav class="navbar navbar-default" role="navigation"&gt;
  
  &lt;div class="container"&gt;
  
      &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
      &lt;div class="navbar-header"&gt;
          &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"&gt;
              &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt;
          &lt;/button&gt;
          &lt;a class="navbar-brand" href="/"&gt;&lt;img src="http://www.bier-in-aktion.at/images/bier-in-aktion-logo.png" alt="Logo"&gt;&lt;/a&gt;
      &lt;/div&gt;
  
      &lt;!-- Collect the nav links, forms, and other content for toggling --&gt;
      &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;
          &lt;ul class="nav navbar-nav"&gt;
              &lt;li class="dropdown"&gt;
                  &lt;a data-target="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"&gt;Biergarten &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                  &lt;ul class="dropdown-menu" role="menu"&gt;
                                                  &lt;li&gt;&lt;a href="#Puntigamer"&gt;Puntigamer&lt;/a&gt;&lt;/li&gt;
                                                  &lt;li&gt;&lt;a href="#Stiegl"&gt;Stiegl&lt;/a&gt;&lt;/li&gt;
                                                  &lt;li&gt;&lt;a href="#Ottakringer"&gt;Ottakringer&lt;/a&gt;&lt;/li&gt;
                                                  &lt;li&gt;&lt;a href="#Wieselburger"&gt;Wieselburger&lt;/a&gt;&lt;/li&gt;
                                                  &lt;li&gt;&lt;a href="#Zipfer"&gt;Zipfer&lt;/a&gt;&lt;/li&gt;
                                                  &lt;li&gt;&lt;a href="#Schwechater"&gt;Schwechater&lt;/a&gt;&lt;/li&gt;
                                                  &lt;li&gt;&lt;a href="#Egger"&gt;Egger&lt;/a&gt;&lt;/li&gt;
                                                  &lt;li&gt;&lt;a href="#G&amp;ouml;sser"&gt;G&amp;ouml;sser&lt;/a&gt;&lt;/li&gt;
                                                  &lt;li&gt;&lt;a href="#Murauer"&gt;Murauer&lt;/a&gt;&lt;/li&gt;
                                                  &lt;li&gt;&lt;a href="#Kaiser"&gt;Kaiser&lt;/a&gt;&lt;/li&gt;
                   &lt;/ul&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
          &lt;form class="navbar-form navbar-right beer-search-form" role="search"&gt;
              &lt;h1 style="font-size: 1.4em; color: #c5c4c2; margin:0px; float:right"&gt;Aktuelle Bier Aktionen und Angebote&lt;/h1&gt;
          &lt;/form&gt;
  
      &lt;/div&gt;&lt;!-- /.navbar-collapse --&gt;
  &lt;/div&gt;&lt;!-- /.container-fluid --&gt;
  </code></pre>
  
  <p></p>
  
  <p>Many Thx in advance!</p>