title: Bootswatch dropdown in masterpage not working
body: <p>I am using Bootswatch (Journal theme). The dropdown items won't appear when one of the navigation bar options is selected.</p>
  
  <p>In my directory 'Scripts\' I have the files - bootstrap-dropdown.js, bootstrap.min.js, dropdown.js, jquery-1.7.1.js, jquery-1.7.1.min.js</p>
  
  <p>In my directory 'Styles\bootstrap\css\' I have the ff files - bootstrap-responsive.css, bootstrap-responsive.min.css, bootstrap.min.css</p>
  
  <p>I think I am missing something I can't figured out. Thanks!</p>
  
  <p></p>
  
  <p>  </p>
  
  <pre><code>&lt;title&gt;&lt;/title&gt;
  
  &lt;link href="~/Styles/bootstrap/css/bootstrap.min.css" rel="Stylesheet" type="text/css" /&gt;
  &lt;link href="~/Styles/bootstrap/css/bootstrap-responsive.min.css" rel="Stylesheet" type="text/css" /&gt;
  
  
  &lt;asp:ContentPlaceHolder ID="HeadContent" runat="server"&gt;    
  &lt;/asp:ContentPlaceHolder&gt;
  </code></pre>
  
  <p></p>
  
  <p>
      </p>
  
  <pre><code>    &lt;asp:HiddenField runat="server" ID="hfUsername"/&gt;
      &lt;div class="navbar"&gt;  
          &lt;div class="navbar-inner"&gt;  
              &lt;div class="container"&gt;  
                  &lt;ul class="nav"&gt;  
                      &lt;a class="brand" href="#"&gt;WSTwitter&lt;/a&gt;  
                      &lt;li class="active"&gt;&lt;a href="../User/Tweets.aspx"&gt;add a tweet&lt;/a&gt;&lt;/li&gt;                      
                      &lt;li class="dropdown" id="accountmenu"&gt;  
                          &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;post company tweets&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;                          
                      &lt;/li&gt;  
                      &lt;li class="dropdown" id="Li1"&gt;  
                          &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;admin&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;  
                          &lt;ul class="dropdown-menu"&gt;  
                              &lt;li&gt;&lt;a href="../User/Account.aspx"&gt;Account&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="../Admin/Users.aspx"&gt;Users&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="../User/Clients.aspx"&gt;Clients&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="../User/Links.aspx"&gt;Links&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#" onclick="window.open('../RSS.aspx?user='+document.getElementById('hfUsername').value,'_blank');"&gt;rss feed&lt;/a&gt;&lt;/li&gt;
                              &lt;%--  &lt;li class="divider"&gt;&lt;/li&gt;  --%&gt;                            
                          &lt;/ul&gt;  
                      &lt;/li&gt;  
                      &lt;li&gt;&lt;a href="../Account/Logout.aspx"&gt;Logout&lt;/a&gt;&lt;/li&gt;           
                  &lt;/ul&gt;  
              &lt;/div&gt;  
          &lt;/div&gt;  
      &lt;/div&gt;  
  
      &lt;div class="main"&gt;
          &lt;asp:ContentPlaceHolder ID="MainContent" runat="server"/&gt;
      &lt;/div&gt;
  
  &lt;/form&gt;
  
  &lt;script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"&gt;&lt;/script&gt;  
  &lt;script src="@Url.Content("~/Scripts/bootstrap.min.js")" type="text/javascript"&gt;&lt;/script&gt;    
  &lt;script src="@Url.Content("~/Scripts/bootstrap-dropdown.js")" type="text/javascript"&gt;&lt;/script&gt;
   &lt;script type="text/javascript"&gt;
       $(document).ready(function () {
           $('.dropdown-toggle').dropdown();
       });  
  &lt;/script&gt;  
  </code></pre>
  
  <p></p>
  
  <p></p>