title: responsive menu in bootstrap
body: <p>Going through some tutorials for bootstrap. Did everything as is told in the video, but still,  i don't get that responsive effect with a button.
  Tutorial is here
  <a href="http://www.youtube.com/watch?v=K2tOSnnlyiw&amp;list=PLKlA1QwYBcmcEUUBSmkl8_kgwn-_zuy-W" rel="nofollow">http://www.youtube.com/watch?v=K2tOSnnlyiw&amp;list=PLKlA1QwYBcmcEUUBSmkl8_kgwn-_zuy-W</a>
  My code</p>
  
  <pre><code> &lt;div class="navbar-inner"&gt;
        &lt;a href="#" class="brand"&gt;&lt;/a&gt;
        &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;
        &lt;div class="nav-collapse collapse"&gt;
        &lt;ul class="nav"&gt;
          &lt;li class="divider-vertical"&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;HOME&lt;/a&gt;&lt;/li&gt;
        &lt;li class="divider-vertical"&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;ABOUT&lt;/a&gt;&lt;/li&gt;
        &lt;li class="divider-vertical"&gt;&lt;/li&gt;
      &lt;li class="dropdown"&gt;
        &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;SERVICS &lt;a class="caret"&gt;&lt;/a&gt;&lt;/a&gt;
        &lt;ul class="dropdown-menu"&gt;
        &lt;li&gt;&lt;a href="#"&gt;Service 1&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Service 2&lt;/a&gt;&lt;/li&gt;
        &lt;li class="divider"&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Service 3&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class="divider-vertical"&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;CONTACT US&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>What am I missing? One of the options would be to make it fluid, but i still want to learn making it work with the button.</p>