下拉沒有內容（引導框架）

您好我有使用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

下拉沒有內容（引導框架）

回答

相關問題