Rails中基础5导航栏下拉的问题

Question

我正在构建一个导航栏(代码遵循)使用基础框架/Gem在rails 4应用程序。开始我不是一个前端设计师，所以我很抱歉，如果这是一个容易解决的问题，但我似乎不能找到很多关于它在我的搜索。

当我点击下拉项"创建报告"时，当我点击它时它会打开并立即关闭-没有任何时间来实际选择我想要跳转到的项目。

导航条码:

<div class="fixed">
  <nav class="top-bar" data-topbar role="navigation">
    <ul class="title-area">
      <li class="name"><h1><%= link_to "PatrolProRMS", root_path %></h1></li>
      <li class="toggle-topbar menu-icon"><span></span></li>
    </ul>
    <section class="top-bar-section">
    <!-- Right Nav Section -->
      <ul class="right">
        <li><%= link_to "Edit Profile" %></li> <!-- Add Registration Edit Link -->
        <li class="has-dropdown">
          <%= link_to "Create Documents" %>
          <ul class="dropdown">
            <li><%= link_to "General Patrol Report" %></li>
            <li><%= link_to "Incidnet Report - Static" %></li>
            <li><%= link_to "Incident Report - Mobile" %></li>
          </ul>
        <li><%= link_to "Sign Out" %></li>
      </ul>
    <!-- Left Nav Section -->
      <ul class="left">
      <li><%= link_to "Patrol Locations", sites_path %></li>
      <li><%= link_to "Resident Directory" %></li>
      <li><%= link_to "Visitor Parking Registry" %></li>
      </ul>
    </section>
  </nav>
</div>

我完全遵循了基础指导指南，但我不知道从哪里开始解决问题。

Answer 1

这个问题解决了吗?令人惊讶的是，我不小心修好了它。首先，我有一个问题，导航栏下拉重叠下的内容。然后我通过在css文件中添加"z-index: 999"来解决这个问题。这将使你的导航栏在所有内容之上。这也意味着你的光标可以集中在下拉菜单上，你可以选择。