title: Twitter bootstrap dropdown not working?
body: <p>I have looked into every threads in stackoverflow but couldn't solve my issue. Here's my head element:</p>
  
  <pre><code>&lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
          &lt;link type="text/css" rel="stylesheet" href="{{ STATIC_URL }}bootstrap/css/bootstrap.css" /&gt;
          &lt;link type="text/css" rel="stylesheet" href="{{ STATIC_URL }}bootstrap/css/custom.css" /&gt;
          &lt;link type="text/css" rel="stylesheet" href="{{ STATIC_URL }}bootstrap/css/bootstrap-responsive.css" /&gt;
  
  
          &lt;!-- Javascript imports--&gt;
  
          &lt;script src="{{ STATIC_URL }}js/jquery.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="{{ STATIC_URL }}bootstrap/js/bootstrap.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="{{ STATIC_URL }}bootstrap/js/bootstrap.min.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="{{ STATIC_URL }}bootstrap/js/bootstrap-carousel.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="{{ STATIC_URL }}bootstrap/js/bootstrap-dropdown.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="{{ STATIC_URL }}bootstrap/js/bootstrap-tab.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="{{ STATIC_URL }}bootstrap/js/bootstrap-scrollspy.js" type="text/javascript"&gt;&lt;/script&gt;
  
  
  
          &lt;title&gt;Rank Analyzer&lt;/title&gt;
          &lt;meta name="author" content="zurelsoft" /&gt;
          &lt;!-- Date: 2013-07-18 --&gt;
      &lt;/head&gt;
  </code></pre>
  
  <p>I am calling dropdown in body like this:</p>
  
  <pre><code>&lt;div class="btn-group"&gt;
           &lt;a class="btn btn-primary" href="#"&gt;&lt;i class="icon-user icon-white"&gt;&lt;/i&gt;test&lt;/a&gt;
           &lt;a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"&gt;&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
            &lt;ul class="dropdown-menu"&gt;
              &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-pencil"&gt;&lt;/i&gt; Edit&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-trash"&gt;&lt;/i&gt; Delete&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-ban-circle"&gt;&lt;/i&gt; Ban&lt;/a&gt;&lt;/li&gt;
              &lt;li class="divider"&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;&lt;i class="i"&gt;&lt;/i&gt; Make admin&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>The dropdown is not showing up. Am I missing something?</p>