title: twitter bootstrap dropdown menu javascript
body: <p>I am having some trouble making the dropdown menus in twitter bootstrap work. Here is what I have for the navbar code.</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
  &lt;div class="row-fluid"&gt;
      &lt;div class="span12"&gt;
          &lt;div class="navbar"&gt;
              &lt;div class="navbar-inner"&gt;
                      &lt;ul class="nav"&gt;
                          &lt;a class="brand"&gt;Title of website&lt;/a&gt;
                          &lt;li class="divider-vertical"&gt;&lt;/li&gt;
                              &lt;li class="active"&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
                              &lt;li class="dropdown"&gt;
                                  &lt;a class="dropdown-toggle" data-toggle="dropdown"&gt;Link 1&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                                  &lt;ul class="dropdown-menu"&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;Sub-Link 1&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;Sub-Link 2&lt;/a&gt;&lt;/li&gt;
                                  &lt;/ul&gt;
                              &lt;/li&gt;
                              &lt;li class="dropdown"&gt;
                                  &lt;a class="dropdown-toggle" data-toggle="dropdown"&gt;Link 2&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                                  &lt;ul class="dropdown-menu"&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;Sub-Link 1&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a href="#"&gt;Sub-Link 2&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;
  </code></pre>
  
  <p></p>
  
  <p>I have seen many different tutorials/examples on this, and I am not to sure what I am doing wrong, I have included jquery and the bootstrap-dropdown.js files at the end of the document.</p>
  
  <pre><code>&lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/bootstrap-dropdown.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
         $(document).ready(function () {  
            $('.dropdown-toggle').dropdown();  
        });
  &lt;/script&gt;
  </code></pre>
  
  <p>Any help on this matter would be greatly appreciated.</p>
  
  <p>Thanks in advance,</p>