Twitter bootstrap 将Twitter引导应用于我自己的。较少的样式表不起作用

在Twitter引导v。2.3.2

navbar.less

文件，您可以找到以下代码：

// Active nav items
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: @navbarLinkColorActive;
  text-decoration: none;
  background-color: @navbarLinkBackgroundActive;
  .box-shadow(inset 0 3px 8px rgba(0,0,0,.125));
}

现在，“问题”是我的“li”没有类

.active

，而是

.current菜单项

。但是我仍然希望将上面的CSS应用于

a

元素。因此，在我自己的

style.less

文件中，我添加了：

li.current-menu-item a {
  .navbar .nav > .active > a;
}

但出于某种原因，这是行不通的。我不知道为什么它不起作用。为了举例说明，我想举一个有效的例子

在Twitter引导v。2.3.2您可以找到具有以下代码的

type.less

：

// Single-line list items
ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
  > li {
    display: inline-block;
    .ie7-inline-block();
    padding-left: 5px;
    padding-right: 5px;
  }
}

对于水平菜单，如果在源代码中my

ul

元素没有类

.inline

，而是

.menu

，我只需以自己的

风格执行此操作。less

：

ul.menu {
   ul.inline;
}

这是毫无问题的工作。有人能帮我吗？

好的，你的朋友

ul.menu {
   ul.inline;
} 

代码也不起作用

你的问题似乎很像

您只能混入简单类

请尝试以下代码：

li.current-menu-item a {
  &:extend(.navbar .nav > .active > a);
}

另见：