9

这是我main.less在我的流星应用程序中的文件，我已经添加了bootstrap包。

@import "variables.less";
@import "mixins.less";

#searchbar {
  .border-radius(10px);
  .box-shadow();
}

但是打开应用程序http://localhost:3000/，我得到这个错误：

Your app is crashing. Here's the latest log.

Errors prevented startup:
/Users/anup/code/projects/learning/main.less: Less compiler error: .border-radius is undefined
/Users/anup/code/projects/learning/main.less: Less compiler error: .border-radius is undefined
Your application is crashing. Waiting for file change.

而.span4,.dropdown和所有其他引导类在我的源代码中工作得很好main.html（它也在基本目录中，以及main.less）

如何在 中使用 bootstrap mixins main.less？

更新：令人惊讶的是，如果我把它放进去main.less

@import "variables.less";
@import "mixins.less";

#searchbar {
}

然后错误变为

Your app is crashing. Here's the latest log.

Errors prevented startup:
/Users/anup/code/projects/learning/main.less: Less compiler error: 'variables.less' wasn't found.

/Users/anup/code/projects/learning/main.less: Less compiler error: 'variables.less' wasn't found.

Your application is crashing. Waiting for file change.
4

3 回答 3

6

Twitter bootstrap 3 中没有border-radiusmixin。mixins.less仅包含以下内容：

// Single side border-radius
.border-top-radius(@radius) {
  border-top-right-radius: @radius;
   border-top-left-radius: @radius;
}
.border-right-radius(@radius) {
  border-bottom-right-radius: @radius;
     border-top-right-radius: @radius;
}
.border-bottom-radius(@radius) {
  border-bottom-right-radius: @radius;
   border-bottom-left-radius: @radius;
}
.border-left-radius(@radius) {
  border-bottom-left-radius: @radius;
     border-top-left-radius: @radius;
}
于 2013-03-20T14:00:54.977 回答
3

Meteor Bootstrap 包只包含编译后的 CSS 代码，没有任何 Less 文件。这使得你不需要依赖 Less 包来使用 Bootstrap 包，但不幸的是，你没有在自己的 Less 文件中获得所有的 Less 混合和细节。如果你想使用这些，那么你应该删除 Bootstrap 包，使用 Less Meteor 包并将 Bootstrap Less 模板、JS 文件和 img 文件复制到你的应用程序public或client文件夹中。

于 2012-05-17T01:07:47.040 回答
2

我通过使用为此目的构建的meterorite项目bootstrap3-less解决了同样的问题。

于 2013-11-23T15:31:52.847 回答