title: Why does dropdown-toggle (bootstrap) not work on heroku?
body: <p>I do not understand why the following piece of code in my view (title bar) does not work on heroku.</p>
  
  <p>It seems to work fine on both development and production on my local server. Once i push to heroku, the html generated is also good. All other bootstrap elements seem to work. However, this dropdown link does not seem to work</p>
  
  <pre><code>    &lt;% if current_user.present? %&gt;
  
  
                  &lt;div id = "account" class=" dropdown"&gt;
  
                          &lt;a href='#' class="dropdown-toggle" data-toggle="dropdown"&gt;
                              &lt;span&gt;Account&lt;/span&gt; &lt;b class="caret"&gt;&lt;/b&gt;
                          &lt;/a&gt;
                          &lt;ul class="dropdown-menu pull-right"&gt;
                              &lt;li&gt;&lt;%= link_to "Profile", current_user %&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;%= link_to "Settings", edit_user_path(current_user) %&gt;&lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                              &lt;li&gt;
                                  &lt;%= link_to "Sign out", signout_path, method: "delete" %&gt;
                              &lt;/li&gt;
                          &lt;/ul&gt;
  
                  &lt;/div&gt;
                  &lt;% end %&gt;
  </code></pre>
  
  <p>The HTML generated:</p>
  
  <pre><code>                &lt;div id = "account" class=" dropdown"&gt;
  
                          &lt;a href='#' class="dropdown-toggle" data-toggle="dropdown"&gt;
                              &lt;span&gt;Account&lt;/span&gt; &lt;b class="caret"&gt;&lt;/b&gt;
                          &lt;/a&gt;
                          &lt;ul class="dropdown-menu pull-right"&gt;
                              &lt;li&gt;&lt;a href="/users/1"&gt;Profile&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="/users/1/edit"&gt;Settings&lt;/a&gt;&lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                              &lt;li&gt;
                                  &lt;a href="/signout" data-method="delete" rel="nofollow"&gt;Sign out&lt;/a&gt;
                              &lt;/li&gt;
                          &lt;/ul&gt;
  
                  &lt;/div&gt;
  
                  &lt;/div&gt;
  </code></pre>
  
  <p>my app/assets/stylesheets/application.css</p>
  
  <pre><code> * = require custom
  </code></pre>
  
  <p>my app/assets/stylesheets/custom.css.scss</p>
  
  <pre><code>@import "bootstrap";
  </code></pre>
  
  <p>I am pretty new to heroku. So i am not aware of how to debug such an error. How can this be sorted out how i can debug such an error? </p>