響應導航基金會上的大小問題5

Question

我正在使用基金會5作爲我的前端框架，並且在點擊時不響應下拉菜單時出現問題，不保留在100％屏幕寬度。

如果不點擊導航欄會出現這樣的：

在按鈕點擊菜單如下：

使其從兩側和屏幕上方在點擊的菜單框的每一側上大約30像素。

我的導航欄的代碼如下所示：

<!-- Start - TopBar --> 
<% if user_signed_in? %> 
    <div class="fixed"> 
    <nav class="top-bar" data-topbar role="navigation"> 
     <ul class="title-area"> 
     <li class="name"> 

     </li> 
     <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone --> 
     <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li> 
     </ul> 

     <section class="top-bar-section"> 
     <!-- Right Nav Section --> 
     <ul class="right"> 
      <li class="has-dropdown"> 
      <a href="#">Admin Functions</a> 
      <ul class="dropdown"> 
       <li><%= link_to "My Profile", current_user %></li> 
       <li><%= link_to "Edit Profile", edit_user_registration_path(@user) %></li> 
      </ul> 
      </li> 
      <li class="has-dropdown"> 
      <a href="#"><%= current_user.f_name %> <%= current_user.l_name %></a> 
      <ul class="dropdown"> 
       <li><%= link_to "My Profile", current_user %></li> 
       <li><%= link_to "Edit Profile", edit_user_registration_path(@user) %></li> 
      </ul> 
      </li> 
      <li><%= link_to('Logout', destroy_user_session_path, :method => :delete) %></li> 
     </ul> 

     <!-- Left Nav Section --> 
     <ul class="left"> 
      <li><%= link_to "Dashboard", culverts_path %></li> 
     </ul> 
     </section> 
    </nav> 
    </div> 
    <% end %> 
<!-- End - TopBar --> 

我不確定如何解決這個問題，我也問過的基礎上的論壇，都無濟於事。

請詢問您是否需要更多信息。

感謝。

Answer 1

問題是rails生成scaffold.scss我忘了排除它的代，它與我的代碼衝突。

問題已解決。