title: Bootstrap dropdown does not work
body: <p>I'm starting to experiment with Bootstrap, but I'm not able to get the js dropdown function working the way it does in their doc.</p>
  
  <p>The code I'm using is source from one of the example dropdown nodes on their own site. 
  <code>data-toggle="dropdown"</code> is used on the links, and everything is as they say it should be. Anyone with a fresh set of eyes and more experience know whats going on? <a href="http://cssdeck.com/labs/pipw6ahd">http://cssdeck.com/labs/pipw6ahd</a></p>
  
  <pre><code>&lt;link class="cssdeck" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/css/bootstrap.min.css"&gt;
  
  
  &lt;div id="navbar-example" class="navbar navbar-static"&gt;
  &lt;div class="navbar-inner"&gt;
  &lt;div class="container" style="width: auto;"&gt;
  &lt;a class="brand" href="#"&gt;Project Name&lt;/a&gt;
    &lt;ul class="nav" role="navigation"&gt;
      &lt;li class="dropdown"&gt;
        &lt;a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"&gt;Dropdown &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
        &lt;ul class="dropdown-menu" role="menu" aria-labelledby="drop1"&gt;
          &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="http://google.com"&gt;Action&lt;/a&gt;&lt;/li&gt;
          &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="#anotherAction"&gt;Another action&lt;/a&gt;&lt;/li&gt;
          &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
          &lt;li role="presentation" class="divider"&gt;&lt;/li&gt;
          &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
      &lt;/li&gt;
  
      &lt;li class="dropdown open"&gt;
        &lt;a href="#" id="drop2" role="button" class="dropdown-toggle" data-toggle="dropdown"&gt;Dropdown 2 &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
        &lt;ul class="dropdown-menu" role="menu" aria-labelledby="drop2"&gt;
          &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
          &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
          &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
          &lt;li role="presentation" class="divider"&gt;&lt;/li&gt;
          &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
    &lt;ul class="nav pull-right"&gt;
      &lt;li id="fat-menu" class="dropdown"&gt;
        &lt;a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown"&gt;Dropdown 3 &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
        &lt;ul class="dropdown-menu" role="menu" aria-labelledby="drop3"&gt;
          &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
          &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
          &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
          &lt;li role="presentation" class="divider"&gt;&lt;/li&gt;
          &lt;li role="presentation"&gt;&lt;a role="menuitem" tabindex="-1" href="#"&gt;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;script class="cssdeck" src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/bootstrap.min.jss"&gt;&lt;/script&gt;
  </code></pre>