title: Dropdown has no content (bootstrap framework)
body: <p>Hi I have the following code for a dropdown using the <code>bootstrap-sass</code> gem:</p>
  
  <pre><code>&lt;div class="nav-collapse collapse" style="height:0px;"&gt;
              &lt;nav&gt;
                &lt;ul class= "nav pull-right"&gt;
                  &lt;% if signed_in? %&gt;
                      &lt;li&gt;&lt;%= link_to "Profile", current_user %&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;%= link_to "Users", users_path %&gt;&lt;/li&gt;
                    &lt;li id = "fat-menu" class="dropdown"&gt;
                      &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;
                        Account &lt;b class="caret"&gt;&lt;/b&gt;
                      &lt;/a&gt;
                      &lt;ul class="dropdown-menu"&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;/li&gt;
                    &lt;% else %&gt;
                      &lt;li&gt;&lt;%= link_to "Sign In", signin_path %&gt;&lt;/li&gt;
                  &lt;%end%&gt;
                &lt;/ul&gt;
              &lt;/nav&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>However when I click on <code>Account</code> it shows the following only and not the contents:</p>
  
  <p><img src="https://i.stack.imgur.com/LQOsf.png" alt="enter image description here"></p>
  
  <p>You can see the little white triangle that shows it's been clicked on but no contents. When I'm debugging I can also see the menu in chrome here:
  <img src="https://i.stack.imgur.com/DlAtA.png" alt="enter image description here"></p>