title: drop down menu bootstrap code
body: <p>I am working on the twitter bootstrap website
  using this example to develop my site
  <a href="http://twitter.github.com/bootstrap/examples/hero.html" rel="nofollow">http://twitter.github.com/bootstrap/examples/hero.html</a>
  but the problem is when i reduce my browser size i see the menu icon but when i click it i dont see the drop down menu
  how to fix it 
  providing my code below</p>
  
  <p><a href="http://jsfiddle.net/LCJ2V/" rel="nofollow">http://jsfiddle.net/LCJ2V/</a></p>
  
  <pre><code>&lt;a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"&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;/a&gt;
  </code></pre>