title: Responsive NavBar isn't showing anything when it's resized to a smaller size
body: <p>I've got Bootstrap v 2.3.2 and i wanted to make a responsive navigation bar. I already built my navegation bar and when it's resize to a smaller size and i clicked on the "button" that is formed when it gets smaller it doesn't show anything!
  Here is my code:</p>
  
  <pre><code>  `&lt;!DOCTYPE html&gt;
          &lt;html lang="en"&gt;
        &lt;head&gt;
          &lt;title&gt;Prueba de Responsive Site&lt;/title&gt;
          &lt;link rel="stylesheet" href="css/bootstrap.css"&gt;
          &lt;link rel="stylesheet" href="css/bootstrap-responsive.css"&gt;
          &lt;link rel="stylesheet" href="css/style.css"&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
        &lt;div class="navbar navbar-fixed-top"&gt;
          &lt;div class="navbar-inner"&gt;
            &lt;div class="container"&gt;
      &lt;button class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"&gt;&lt;i class="icon-tasks"&gt;&lt;/i&gt;&lt;/button&gt;
             &lt;div class="nav-collapse collapse"&gt;
          &lt;ul class="nav pull-right"&gt;
           &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
           &lt;li &gt;&lt;a href="#"&gt;Package&lt;/a&gt;&lt;/li&gt;
           &lt;li class="dropdown"&gt;&lt;a class="dropdown-toggle" data-toggle="dropdown" href="#" type="button"&gt;Matutina
       &lt;i class="caret"&gt;
       &lt;/i&gt;&lt;/a&gt;
         &lt;ul class="dropdown-menu"&gt;&lt;li&gt;&lt;a href="#"&gt; &lt;/a&gt;Prueba1&lt;/li&gt;                                                                                   &lt;li&gt;&lt;a href="#"&gt; &lt;/a&gt;Prueba2&lt;/li&gt;                                 &lt;li&gt;&lt;a href="#"&gt;&lt;/a&gt;Prueba3&lt;/li&gt;                              &lt;li&gt;&lt;a href="#"&gt;&lt;/a&gt;Prueba4&lt;/li&gt;                           &lt;/ul&gt;
  &lt;li &gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
  &lt;li &gt;&lt;a href="#"&gt;Now&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;     &lt;script src="js/bootstrap.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;`
  </code></pre>
  
  <p>I'm so awesome of what BootStrap can do but it's killing me! damn! anyone who could help with this i'll be more than glad! XD</p>
  
  <p>Here is how it looks:
       <img src="https://i.stack.imgur.com/ZMJmj.jpg" alt="enter image description here"></p>