Question

我在rails应用程序中添加了Bootstrap下拉菜单。问题是菜单出现在我的一个页面中而在另一个页面上丢失，但是当您将鼠标悬停在菜单上时，菜单仍然存在。我该如何解决这个问题，所以菜单会出现在每一页上？

                        <li><div class="dropdown" style="padding:10px; display: block; position: static;">
                          <a class="dropdown-toggle" data-toggle="dropdown" href="#">個人</a>
                          <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                             <li><%= link_to "聯絡", 'http://eedd.herokuapp.com/contact' %></li>
                             <li><%= link_to "編輯資料", edit_user_registration_path %></li>
                             <li><%= link_to "登出", destroy_user_session_path, method: :delete %></li>
                         </ul></div></li>

Answer 1

Bootstrap文档中的示例代码是：

<ul class="nav nav-tabs">
  <li class="dropdown">
    <a class="dropdown-toggle"
       data-toggle="dropdown"
       href="#">
        Dropdown
        <b class="caret"></b>
      </a>
    <ul class="dropdown-menu">
      <!-- links -->
    </ul>
  </li>
</ul>

好像你有一个额外的div？如果那不是问题那么你需要检查两个页面之间的其他不同之处，因为它可能会干扰CSS。

一页上缺少Bootstrap下拉菜单但在另一页上显示

1 个答案: