こんにちは、bootstrap-sass
宝石を使用したドロップダウンの次のコードがあります。
<div class="nav-collapse collapse" style="height:0px;">
<nav>
<ul class= "nav pull-right">
<% if signed_in? %>
<li><%= link_to "Profile", current_user %></li>
<li><%= link_to "Users", users_path %></li>
<li id = "fat-menu" class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
Account <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><%= link_to "Settings", edit_user_path(current_user) %></li>
<li class="divider"></li>
<li>
<%= link_to "Sign out", signout_path, method: "delete" %>
</li>
</ul>
</li>
<% else %>
<li><%= link_to "Sign In", signin_path %></li>
<%end%>
</ul>
</nav>
</div>
ただし、クリックするAccount
と、内容ではなく、次のみが表示されます。
クリックされたことを示す小さな白い三角形が表示されますが、コンテンツはありません。デバッグ中は、ここにクロムのメニューも表示されます。