問題與基金會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」來解決它。這將使您的導航欄保持一切。這也意味着你的光標可以專注於下拉菜單，你可以選擇。