Question

我使用LESS在我的Meteor应用中构建了一些自定义bootstrap button个类。（Bootstrap通过twbs:bootstrap Meteor包添加到Meteor，而不是在LESS中使用@import。

例如，我有一个名为.btn-pill的类，我想继承自Bootstrap的.btn-xs，如下所示：

HTML

<button class="btn btn-pill"></button>

LESS

.btn-pill {
    &:extend(.btn-xs);
    color: @text-color;
    background-color: @white;
    border: 1px solid @gray-main;
    &:hover {
        background-color: @gray-light;
    }
}

不幸的是，这似乎不起作用......当然，我总是可以在<button>标记中使用这两个类：

<button class="btn btn-xs btn-pill"></button>

但如果可能，我宁愿避免这种情况。

甚至可以在不同的文件中使用&:extend这样的内容（就像我理解的那样，它与SASS中的@extend一样 - 如in this SO question）？或者它不起作用，因为Bootstrap是通过Meteor包实现的吗？

Answer 1

从Meteor v1.2开始，更少的文件更易于管理。

下载官方bootstrap less发行版，将它们放在名为imports的文件夹中。这样做可以导入文件，而不是自动查看编译。

将bootstrap.less文件放在imports文件夹之外的更高级别文件夹中，并根据您自己的结构修复导入文件夹路径。

现在您可以根据自己的喜好使用变量。对less通常允许你做的任何事都做。

或者，如果您遇到Meteor的早期版本，可以使用nemo64:bootstrap来自定义和使用来自bootstrap的导入。

是否可以使用Meteor继承LESS中的Bootstrap类？

1 个答案: