Bootstrap導航鏈接故障

Question

不知道我爲此做了什麼，但不知怎的，我的導航鏈接不按順序渲染。

我正在研究Rails項目，所以我的代碼都在HAML中。

這是我的導航欄代碼：

.navbar.navbar-default.navbar-fixed-top 
    .container 
    .navbar-header 
     %button{ :type => "button", :class => "navbar-toggle", "data-toggle" => "collapse", "data-target" => "navbar-collapse" } 
     %span.sr-only 
     Toggle Navigation 
     %span.icon-bar 
     %span.icon-bar 
     %span.icon-bar 

    .navbar-collapse.collapse 
    %ul.nav.navbar-nav.navbar-right 
     =render 'layouts/navigation_links' 

然後我的鏈接代碼：

%li =link_to "Home", root_path 
%li =link_to "About", '/about' 
%li =link_to "Products", '/products' 
%li =link_to "Suppliers", '/suppliers' 
%li =link_to "Let's Talk", '/contact' 

，而是呈現主頁，關於，產品，供應商，大家談的，它做反向訂購。

任何幫助將不勝感激，謝謝。

Answer 1

您可能在元素的某處定義了'float：right'或'float：left'。

如果這樣做，只需將您在「navigation_links」代碼中列出的順序顛倒過來，或者可以刪除「float」css規則。