css - 使用 bootstrap 时向 meteor 添加 body css 样式

Question

在我的 meteor 应用程序中，我的 css 中有以下规则:

body {
    background: #ddd url(../img/bg.png);
    padding-top: 120px;
}

这在本地运行良好，但是当我部署它时，css 规则没有被提取。当我检查该元素时，我看到了对 bootstrap (v2.3.0) 的引用，这是我使用陨石添加的，以及规则:

padding-top: 0;

这两者有冲突吗？我有哪些选择？

经过各种探索，我发现重复标记有效:

body {
    background: #ddd url(../img/bg.png);
    padding-top: 120px;
}

body {
    background: #ddd url(../img/bg.png);
    padding-top: 120px;
}

第一个标签中没有任何内容，所以:

body {
    padding-top: 120px;
}

body {
    background: #ddd url(../img/bg.png);
}

不填充。

Answer 1

我只能想象在您定义的 css 之后加载 bootstrap css。尝试将您的 css 文件重命名为 main.style.css，您将看到您定义的样式在引导样式之后加载。

名为 main.* 的文件在 Meteor 中的所有其他内容之后加载。