title: Toggle menu is not working in the mobile device
body: <p>My site toggle menu is not working in the mobile device. We have use the bootstrap v3.2.0 version.First click toggle menu is working but second time its not working.</p>
  
  <p>Please give me the proper solution for this issue.Please check the following code and let me know where is the issue happening.The website has been developed into angular js, here is something will be conflicting with the js or may be causing an issue due to the bootstrap version or any.</p>
  
  <p>Kindly go through the following html code which is used for the navbar-header menu and let me know where is the problem.  </p>
  
  <pre><code>&lt;div class="col-md-11"&gt;
      &lt;div class="navbar-header" style="cursor:pointer;"&gt;
          &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
          &lt;!-- &lt;button type="button" class="navbar-toggle collapsed dropdown-toggle" data-target=".navbar-collapse" data-toggle="collapse"&gt;--&gt;
          &lt;!--class="navbar-toggle" data-target=".navbar-collapse"--&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;/div&gt;
  
      &lt;div class="navbar-collapse collapse"&gt;
          &lt;ul class="nav navbar-nav nav-justified"&gt;
              &lt;li class="phocl"&gt; &lt;a title="WATCH NOW" href="#portfolio"&gt;
                  &lt;div class="text-center hmain_menu" style="padding-bottom: 14px; padding-top: 15px;"&gt; WATCH NOW &lt;/div&gt;
                  &lt;/a&gt; 
              &lt;/li&gt;
              &lt;li class="phocl1"&gt; &lt;a title="INSPIRATION NATION" href="#services"&gt;
                  &lt;div class="text-center hmain_menu" style="padding-bottom: 14px; padding-top: 15px;"&gt; INSPIRATION NATION &lt;/div&gt;
                  &lt;/a&gt; 
              &lt;/li&gt;
              &lt;li class="phocl2"&gt; &lt;a title="NEWS" href="#news"&gt;
                  &lt;div class="text-center hmain_menu" style="padding-bottom: 14px; padding-top: 15px;"&gt; NEWS &lt;/div&gt;
                  &lt;/a&gt; 
              &lt;/li&gt;
              &lt;li class="phocl3"&gt; &lt;a id="addBookmark" title="BOOKMARK" href="#team"&gt;
                  &lt;!--id="bookmarkme" rel="sidebar" --&gt;
                  &lt;div class="text-center hmain_menu" style="padding-bottom: 14px; padding-top: 15px;"&gt; BOOKMARK &lt;/div&gt;
                  &lt;/a&gt; 
              &lt;/li&gt;
              &lt;li&gt; &lt;a href="#"&gt;
                  &lt;div class="send_button" data-toggle="modal" data-target="#largeModal" class="text-center" style="background-color:#50d07d;padding-bottom: 14px; padding-top: 30px;"&gt;
                  SIGN IN
                  &lt;/div&gt;
                  &lt;/a&gt; 
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>May be toggling or collapse the menu please help me resolve the Toggle navigation menu.</p>