title: Bootstrap collapsed navbar disappears
body: <p>When I click on the toggle on my mobile page, the menu pops up for a brief moment and disappears again. Only the first item remains visible. </p>
  
  <p>I took the css from <a href="http://thebootstrapthemes.com/premium-bootstrap-agency-template/" rel="nofollow">thebootstrapthemes</a> and basically just changed the colors and the content of the menu. </p>
  
  <pre><code>&lt;div class="navbar-wrapper"&gt;
    &lt;div class="container"&gt;
      &lt;div class="navbar navbar-default navbar-fixed-top" role="navigation" id="top-nav"&gt;
        &lt;div class="container"&gt;
          &lt;div class="navbar-header"&gt;
            &lt;a class="navbar-brand" href="#home"&gt;&lt;img src="#"&gt;&lt;/a&gt;
            &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" 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 navbar-right"&gt;
              &lt;li class="scroll"&gt;&lt;a href="#home"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="/pronunciation.html"&gt;Pronunciation&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="/downloads.html"&gt;Downloads&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="/blog/"&gt;Blog&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any advice, how I can get my menu back?</p>
  
  <p>This is my <a href="http://www.learnchinesein100days.com/" rel="nofollow">site</a></p>