title: Drop down menu doesn't work, everything else does
body: <p>I am making my first steps in bootstrap. I basically recreated one of the templates on my own. It works fine, with the exception that the drop down menu (in the navigation bar) doesn't work.</p>
  
  <p>I am puzzled because: </p>
  
  <p>1) The transition to mobile mode works fine. It's nav menu also works fine.</p>
  
  <p>2) I have included every single file I have gotten in the download and I think it acts as if a file hasn't been included.</p>
  
  <p>3) Since I thought I am making something wrong  I copied this part of the HTML directly from the website and it still doesn't work.</p>
  
  <p>This is the <em>entire</em> source code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Test Page&lt;/title&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;meta name="description" content=""&gt;
      &lt;meta name="author" content=""&gt;
  
      &lt;link href="css/bootstrap.css" rel="stylesheet"&gt;
      &lt;style&gt;
        body {
          padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
        }
      &lt;/style&gt;
      &lt;link href="css/bootstrap-responsive.css" rel="stylesheet"&gt;
      &lt;link href="css/bootstrap-responsive.min.css" rel="stylesheet"&gt;
         &lt;link href="css/bootstrap.css" rel="stylesheet"&gt;
         &lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;     
        &lt;script src="../assets/js/html5shiv.js"&gt;&lt;/script&gt;     
  
      &lt;link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png"&gt;
      &lt;link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png"&gt;
        &lt;link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png"&gt;
                      &lt;link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png"&gt;
                                     &lt;link rel="shortcut icon" href="../assets/ico/favicon.png"&gt;
    &lt;/head&gt;
  
    &lt;body&gt;
  
       &lt;div class="navbar navbar-fixed-top asd"&gt;
        &lt;div class="navbar-inner asd"&gt;
          &lt;div class="container asd"&gt;
            &lt;button type="button" 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;/button&gt;
            &lt;a class="brand" href="#"&gt;Project name&lt;/a&gt;
            &lt;div class="nav-collapse collapse"&gt;
              &lt;ul class="nav asd"&gt;
                &lt;li &gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#about"&gt;About&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
               &lt;li class="dropdown"&gt;
                  &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Dropdown &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                  &lt;ul class="dropdown-menu"&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
                    &lt;li class="divider"&gt;&lt;/li&gt;
                    &lt;li class="nav-header"&gt;Nav header&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;One more separated link&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                &lt;/li&gt;
              &lt;/ul&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="container"&gt;
  
        &lt;h1&gt;Title&lt;/h1&gt;
        &lt;p&gt;TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText&lt;/p&gt;  
  
      &lt;script src="http://code.jquery.com/jquery.js"&gt;&lt;/script&gt;
      &lt;script src="js/bootstrap.js"&gt;&lt;/script&gt;
      &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>