用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来定制它。