用LESS覆蓋Bootstrap Navbar下拉菜單顏色？

Question

我沒有找到一種方法來爲LESS CSS的Bootstrap側欄的下拉菜單和下拉菜單使用自定義背景顏色。它在純CSS中運行良好，但是在使用LESS時，我無法使其工作。我想實現的是這樣的：

http://jsfiddle.net/GqVM2/6/

我爲少一點的代碼是在這裏：

.navbar-default { 
    .navbar-nav { 
    > open { 
     > a, 
     > a:hover, 
     > a:focus { 
     @media (min-width: @grid-float-breakpoint) { 
      background-color: #aaaaaa; 
     } 
     } 
     > .dropdown-menu { 
     @media (min-width: @grid-float-breakpoint) { 
      background-color: #aaaaaa; 
     } 
     } 
    } 
    } 
} 

上面的代碼不會覆蓋引導LESS因爲（我想）它應該。使用JSFiddle中使用的CSS，它可以正常工作。

我對LESS很新，所以請原諒，如果這只是一個愚蠢的錯誤。當我在Chrome開發人員工具中檢查生成的CSS時，上面甚至沒有顯示（我正在使用LESS JavaScript分析器進行開發）。

感謝您的幫助！

Answer 1

第一：你有拼寫錯誤的選擇.... open應該是.open：

.navbar-default { 
    .navbar-nav { 
    > open { // here it's the problem! 
     > a, 
     > a:hover, 
     > a:focus { 
     @media (min-width: @grid-float-breakpoint) { 
      background-color: #aaaaaa; 
     } 
     } 
     > .dropdown-menu { 
     @media (min-width: @grid-float-breakpoint) { 
      background-color: #aaaaaa; 
     } 
     } 
    } 
    } 
} 

其次：有定製引導的更好的方法。他們有很多變量，可以讓您輕鬆更改構建的外觀。導航欄下拉菜單也不例外。

您可以通過更改變量@navbar-default-link-active-bg和@navbar-default-link-active-color來定製它。