twitter bootstrap：如何混合课程？

Question

我正在尝试正确使用 Bootstrap。 我的 LESS 文件（在 bootstrap.css 之后加载）如下所示：

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

结果，我看到了：

• 我的 #page 容器有 margin-left: auto 和 margin-right: auto... 但没有宽度！
• 我的
  没有应用内联样式和无样式样式！

如果我直接更改我的 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;
}