title: bootstrap dropdown doesn't dropdown?
body: <p>I have the following rendered dropdown (from my rails app):</p>
  
  <pre><code>&lt;nav class="navbar navbar-inverse navbar-fixed-top topbar" role="navigation"&gt;
    &lt;div class="container-fluid"&gt;
      &lt;div class="navbar-header"&gt;
        &lt;button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button"&gt;
          &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&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 href="/"&gt;&lt;/a&gt;&lt;/div&gt;
      &lt;div class="collapse navbar-collapse navbar-right"&gt;
        &lt;ul class="nav navbar-nav"&gt;
          &lt;li&gt;&lt;a href="/users/edit"&gt;Edit account&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a data-method="delete" href="/users/sign_out" rel="nofollow"&gt;Sign out&lt;/a&gt;&lt;/li&gt;
          &lt;li class="dropdown"&gt;
            &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;Admin&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="/users"&gt;Users&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt; Another action&lt;/a&gt;&lt;/li&gt;
              &lt;li class="divider"&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt; Another action2&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>which displays like this:</p>
  
  <p><img src="https://i.stack.imgur.com/dlS6W.png" alt="partial_menu"></p>
  
  <p>It looks good, but the dropdown does not work. I had it working a while back, but I can't figure out why this doesn't work (the dropdown is just a link to '#'; ie, it won't dropdown).</p>
  
  <p>The log files have nothing. I am not sure where to look to troubleshoot this. How do I fix this?</p>
  
  <p><strong>EDIT: added js from head tag</strong>
  These are the includes:</p>
  
  <pre><code>&lt;head&gt;
    &lt;link href="http://fonts.googleapis.com/css?family=Ruda:400,900,700" media="screen" rel="stylesheet"&gt;
    &lt;meta content="width=device-width, initial-scale=1.0" name="viewport"&gt;
    &lt;title&gt;title&lt;/title&gt;
    &lt;meta content="title" name="description"&gt;
    &lt;link data-turbolinks-track="true" href="/assets/framework_and_overrides.css?body=1" media="all" rel="stylesheet"&gt;
    &lt;link data-turbolinks-track="true" href="/assets/application.css?body=1" media="all" rel="stylesheet"&gt;
    &lt;script data-turbolinks-track="true" src="/assets/jquery.js?body=1"&gt;&lt;/script&gt;
    &lt;style type="text/css"&gt;&lt;/style&gt;
    &lt;script data-turbolinks-track="true" src="/assets/jquery_ujs.js?body=1"&gt;&lt;/script&gt;
    &lt;script data-turbolinks-track="true" src="/assets/bootstrap.js?body=1"&gt;&lt;/script&gt;
    &lt;script data-turbolinks-track="true" src="/assets/turbolinks.js?body=1"&gt;&lt;/script&gt;
    &lt;script data-turbolinks-track="true" src="/assets/bootstrap/affix.js?body=1"&gt;&lt;/script&gt;
    &lt;script data-turbolinks-track="true" src="/assets/bootstrap/alert.js?body=1"&gt;&lt;/script&gt;
    &lt;script data-turbolinks-track="true" src="/assets/bootstrap/button.js?body=1"&gt;&lt;/script&gt;
    &lt;script data-turbolinks-track="true" src="/assets/bootstrap/carousel.js?body=1"&gt;&lt;/script&gt;
    &lt;script data-turbolinks-track="true" src="/assets/bootstrap/collapse.js?body=1"&gt;&lt;/script&gt;
    &lt;script data-turbolinks-track="true" src="/assets/bootstrap/dropdown.js?body=1"&gt;&lt;/script&gt;
    &lt;script data-turbolinks-track="true" src="/assets/bootstrap/tab.js?body=1"&gt;&lt;/script&gt;
    &lt;script data-turbolinks-track="true" src="/assets/bootstrap/transition.js?body=1"&gt;&lt;/script&gt;
    &lt;script data-turbolinks-track="true" src="/assets/bootstrap/scrollspy.js?body=1"&gt;&lt;/script&gt;
    &lt;script data-turbolinks-track="true" src="/assets/bootstrap/modal.js?body=1"&gt;&lt;/script&gt;
    &lt;script data-turbolinks-track="true" src="/assets/bootstrap/tooltip.js?body=1"&gt;&lt;/script&gt;
    &lt;script data-turbolinks-track="true" src="/assets/bootstrap/popover.js?body=1"&gt;&lt;/script&gt;
    &lt;script data-turbolinks-track="true" src="/assets/bootstrap-sprockets.js?body=1"&gt;&lt;/script&gt;
    &lt;script data-turbolinks-track="true" src="/assets/jetmenu.js?body=1"&gt;&lt;/script&gt;
    &lt;script data-turbolinks-track="true" src="/assets/visitors.js?body=1"&gt;&lt;/script&gt;
    &lt;script data-turbolinks-track="true" src="/assets/application.js?body=1"&gt;&lt;/script&gt;
    &lt;meta content="authenticity_token" name="csrf-param"&gt;
    &lt;meta content="***" name="csrf-token"&gt;
    &lt;link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" media="screen" rel="stylesheet"&gt;
  &lt;/head&gt;
  </code></pre>