twitter bootstrap：如何混合类？

Question

我正在尝试正确使用Bootstrap。 我的LESS文件（在bootstrap.css之后加载）看起来像这样：

#page {
.container;
}
header {
    ul {
        .inline;
        .unstyled;
    }
}

结果，我看到了：

• 我的#page容器有margin-left：auto和margin-right：auto ...但没有宽度！
• 我的＆lt; ul＆gt;没有内联，也没有应用没有样式的样式！

如果我直接更改我的HTML代码如下：

<div id="page" class="container">
    <header>
        <ul class="inline unstyled">
            ...
        </ul>
    </header>
</div>

......一切正常。

有谁知道为什么？

感谢您的帮助，

此致

Answer 1

首先，Bootstrap定义ul.inline，所以试试

#page {
    .container;
}
header {
    ul {
        ul.inline;
        ul.unstyled;
    }
}

---

.container定义为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;
}