twitter-bootstrap - 在不接触 Bower 的情况下覆盖 Bootstrap 变量

Question

如果我不想触及 Bower 文件，如何覆盖 Bootstrap 变量？

我正在使用 Yo、Grunt 和 Bower。对于哟，我正在使用 cg-angular。

我的 app.less 看起来像这样:

@import "bower_components/bootstrap/less/bootstrap.less";
@import "bower_components/font-awesome/less/font-awesome.less";
@fa-font-path: "bower_components/font-awesome/fonts";
....

Answer 1

不要包含所有的 bootstrap.less，而是将他的内容复制到你的 app.less 并在 bootsrap vars 之后导入你自己的 variables.less ，但在模块之前:

@bootrap-dir: "bower_components/bootstrap/less";

@import "@{bootrap-dir}/variables.less";
@import "your-variables.less";
@import "@{bootrap-dir}/mixins.less";
@import "your-mixins.less";
//...

稍后，您可以只加载您需要的模块。