title: Dropdowns not working (Twitter bootstrap)
body: <p>Hello I just want to ask where I am wrong. I have button with dropdown using twitter bootstrap but I cant work it out. please see my codes. Im just new in twitter bootstrap. I also try searching it on bootstrap site but I cant work it out.</p>
  
  <pre><code>&lt;!DOCTYPE&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"/&gt;
      &lt;title&gt;&lt;/title&gt;
  
      &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="../../assets/js/bootstrap-dropdown.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="../../assets/js/bootstrap-min.js"&gt;&lt;/script&gt;
  
      &lt;link href="../../assets/css/bootstrap.css" rel="stylesheet" type="text/css"&gt;
      &lt;link href="../../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css"&gt;
  
      &lt;script type="text/javascript"&gt;
          $(document).ready(function () {
              $('.dropdown-toggle').dropdown();
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="dropdown"&gt;
          &lt;ul class="dropdown"&gt;
          &lt;a data-target="#" data-toggle="dropdown" class="dropdown-toggle btn" href="#"&gt;Dropdown menu here...
            &lt;b class="caret"&gt;&lt;/b&gt;
          &lt;/a&gt;
              &lt;ul class="dropdown-menu"&gt;
                &lt;li&gt;&lt;a href="/app/1"&gt;Item A&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="/app/2"&gt;Item B&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="/app/3"&gt;Item C&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
   &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>