Twitter bootstrap twitter引导:如何混合类?

Twitter bootstrap twitter引导:如何混合类?,twitter-bootstrap,less,Twitter Bootstrap,Less,我正在尝试正确使用引导。 bootstrap.css之后加载的较少文件如下所示: #page { .container; } header { ul { .inline; .unstyled; } } 因此,我看到: 我的页面容器有左边距:自动和右边距:自动。。。但是没有宽度! My没有应用内联样式和未应用样式! 如果我直接更改HTML代码,如下所示: <div id="page" class="container"> <

我正在尝试正确使用引导。 bootstrap.css之后加载的较少文件如下所示:

#page {
.container;
}
header {
    ul {
        .inline;
        .unstyled;
    }
}
因此,我看到:

我的页面容器有左边距:自动和右边距:自动。。。但是没有宽度! My没有应用内联样式和未应用样式! 如果我直接更改HTML代码,如下所示:

<div id="page" class="container">
    <header>
        <ul class="inline unstyled">
            ...
        </ul>
    </header>
</div>
…一切正常

有人知道为什么吗

谢谢你的帮助

首先,Bootstrap定义ul.inline,所以请尝试

.容器定义为2个块。Less没有将几个块的样式组合为mixin。我不知道该怎么办对不起

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}

您的建议对于ul.inline和ul.unstyled很有效,但是对于.container却不行,因为它被声明为.container,没有任何前缀。那么你知道为什么它不适用于.container吗?@aurelian请看一下解释。好吧,我看到了你的答案,并试图确保less不能组合多个块的样式,但我没有找到任何相关信息。无论如何,谢谢你的帮助!
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}