title: Bootstrap 3 navbar flicker when open and vanish
body: <p>I have this navbar in bootstrap and when i click my hamburger icon it just flickers and open menu then vanish... I cannot understand why really. Feels like i being blind staring at code..</p>
  
  <pre><code>&lt;nav class="navbar navbar-default navbar-static-top"&gt;
      &lt;div class="navbar-header"&gt; &lt;a class="navbar-brand" rel="home" href="#" title="RAQT"&gt;
          &lt;img class="img-responsive" style="max-width:100px; margin-top: -7px;" src="http://www.zappbug.com/wp-content/uploads/2013/02/twitter-logo-small.png"&gt;
      &lt;/a&gt;
   &lt;a class="navbar-brand navbar-justified" href="#"&gt;Stockholm&lt;/a&gt;
  
          &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navDefault"&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 id="navDefault" class="navbar-collapse collapse"&gt;
          &lt;ul class="nav navbar-nav"&gt;
              &lt;li class="active"&gt;&lt;a href="#" class=""&gt;Bubbles&lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;&lt;a href="#about" class=""&gt;About&lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;&lt;a href="#contact" class=""&gt;Contact&lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>Below CSS</p>
  
  <pre><code>body {
  padding-top:0px;
  }
  
      .navbar-brand
      {
          position: absolute;
          width: 100%;
          left: 0;
          top: 0;
          text-align: center;
          margin: auto;
      }
      .navbar-header {
        float: none;
      }
      .navbar-toggle {
        display: block;
      }
      .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
      }
      .navbar-collapse.collapse {
        display: none!important;
      }
      .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
      }
      .navbar-nav&gt;li {
        float: none;
      }
      .navbar-nav&gt;li&gt;a {
        padding-top: 10px;
        padding-bottom: 10px;
      }
  </code></pre>
  
  <p>Example here
  <a href="http://www.bootply.com/QKMDlXRfP6" rel="nofollow">http://www.bootply.com/QKMDlXRfP6</a></p>