下拉没有内容（引导框架）

您好我有使用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它显示了以下，而不是内容：

enter image description here

你可以看到显示它被点击但没有内容的小白色三角形。当我调试我也可以在这里看到在Chrome菜单： enter image description here

来源

2012-06-10 locoboy

你有没有也包括引导js文件？不知道这是否有必要，但值得一看。 – Dale

是的，它包括在内。我想这就是为什么这个小白三角出现。 – locoboy

想通了。第一格中不需要类collapse。

来源

2012-06-10 06:26:28 locoboy

相反的：

<a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
    Account <b class="caret"></b> 
</a>

你应该使用：

<a href="#fat-menu" class="dropdown-toggle" data-toggle="dropdown"> 
    Account <b class="caret"></b> 
</a>

另外，请提供JavaScript文件启用此菜单（不仅包括JS文件，您必须启用下拉菜单）。它看起来像这样：

$(".dropdown-toggle").dropdown();

来源

2012-06-10 04:21:08

我使用bootstrap-sass gem，是不是在默认情况下在那里完成？ – locoboy

如果你想在第一div合拢，使用方法：

.collapse .dropdown{ 
    overflow: visible !important; 
}

来源

2012-12-27 00:56:25 RubyDev

下拉没有内容（引导框架）

回答

相关问题