title: Bootstrap Navbar dropdown not working Rails
body: <p>Whenever I click on it it just redirects me by adding a '/#' to the end of my route.  There are not jquery errors in the console log when I click the drop down.  Here's my applicaiton.js:</p>
  
  <pre><code>//
  //= jquery
  //= jquery-ui
  //= popper
  //= bootstrap-sprockets
  //= require rails-ujs
  //= require activestorage
  //= require turbolinks
  //= require_tree
  </code></pre>
  
  <p>I have the JQuery-Rails gem along with jquery-ui-rails.  The console log shows now errors with jquery/javascript when I click on the dropdown either.  Here's my server logs:</p>
  
  <pre><code>Started GET "/" for 127.0.0.1 at 2018-12-25 14:06:27 -0500
  Processing by StaticController#homepage as HTML
    User Load (0.4ms)  SELECT  "users".* FROM "users" WHERE "users"."id" = $1 ORDER BY "users"."id" ASC LIMIT $2  [["id", 1], ["LIMIT", 1]]
    ↳ /Users/sohel/.rvm/gems/ruby-2.5.1/gems/activerecord-5.2.2/lib/active_record/log_subscriber.rb:98
    Rendering static/homepage.html.erb within layouts/application
    Rendered static/homepage.html.erb within layouts/application (0.7ms)
    Rendered shared/_nav.html.erb (0.5ms)
  Completed 200 OK in 47ms (Views: 41.2ms | ActiveRecord: 0.4ms)
  </code></pre>
  
  <p>Here's the view erb file for the navbar component.  It was basically taken directly off the bootstrap website:</p>
  
  <pre><code>&lt;nav class="navbar navbar-expand-lg navbar-light bg-light custom-nav"&gt;
    &lt;div class="collapse navbar-collapse" id="navbarNavDropdown"&gt;
      &lt;ul class="navbar-nav"&gt;
        &lt;li class="nav-item active"&gt;
          &lt;%= link_to 'Home', root_path, class: 'nav-link' %&gt;
        &lt;/li&gt;
        &lt;li class="nav-item"&gt;
          &lt;%= link_to 'Time Entries', posts_path, class: 'nav-link' %&gt;
        &lt;/li&gt;
        &lt;li class="nav-item dropdown"&gt;
          &lt;a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"&gt;
            Dropdown link
          &lt;/a&gt;
          &lt;div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"&gt;
            &lt;a class="dropdown-item" href="#"&gt;Action&lt;/a&gt;
            &lt;a class="dropdown-item" href="#"&gt;Another action&lt;/a&gt;
            &lt;a class="dropdown-item" href="#"&gt;Something else here&lt;/a&gt;
          &lt;/div&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>