title: Bootstrap 3 Dropdown not expanding
body: <p>I’m trying to retro fit Bootstrap into an existing Asp.Net Web Forms project and I’m not able to get a dropdown to expand and show. </p>
  
  <p>I went to NuGet and then added BootStrap 3.3.6 which is what was the default. I then downloaded the Cerulean .css files off of Bootswatch.com and replaced the bootstrap.css and bootstrap.min.css files in the Content folder.  From there I copied there sample Nav and put it on the page. </p>
  
  <p>The Nav bar initially looks correct with the Cerulean theme but when I tried to expand the dropdown list nothing happened. I’m going to try to use the dropdown lists for my menu so I’m trying to get that to work.</p>
  
  <p>I initially had the reference to the .js files at the bottom of the page. I have since moved them to the top of the page to see if that made any difference but it didn’t. </p>
  
  <p>Anyone know what I might be missing to get Bootstrap’s dropdown to work? </p>
  
  <pre><code>&lt;%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="PrefBid.Site" %&gt;
  
  &lt;!DOCTYPE html&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head runat="server"&gt;
      &lt;title&gt;PBS&lt;/title&gt;
      &lt;script src="Scripts/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="Scripts/respond.min.js"&gt;&lt;/script&gt;
  &lt;script src="Scripts/jquery-2.1.4.min.js"&gt;&lt;/script&gt;
  &lt;link href="Content/bootstrap.min.css" rel="stylesheet" /&gt;
  &lt;link href="Content/Site.css" rel="stylesheet" /&gt;  
  
      &lt;asp:ContentPlaceHolder ID="head" runat="server"&gt;
      &lt;/asp:ContentPlaceHolder&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form id="form1" runat="server"&gt;
  
      &lt;div class="navbar navbar-default navbar-fixed-top"&gt;
          &lt;div class="container"&gt;
              &lt;div class="navbar-header"&gt;
                  &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;/button&gt;
                  &lt;a class="navbar-brand" href="#"&gt;PBS&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class="navbar-collapse collapse"&gt;
                  &lt;ul class="nav navbar-nav"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Dashboard&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="dropdown"&gt;
                        &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"&gt;Dropdown &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                        &lt;ul class="dropdown-menu" role="menu"&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
                          &lt;li class="divider"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
                          &lt;li class="divider"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;One more separated link&lt;/a&gt;&lt;/li&gt;
                        &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Management&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Reports&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="container body-content"&gt;
          &lt;asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"&gt;
  
          &lt;/asp:ContentPlaceHolder&gt;
      &lt;/div&gt;
  
      &lt;/form&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>