问题与基金会5导航栏下拉菜单

Question

我正在建设一个导航栏（代码如下）使用基础框架/ Gem在导轨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”来解决它。这将使您的导航栏保持一切。这也意味着你的光标可以专注于下拉菜单，你可以选择。