在Bower中使用Bootstrap config.json文件

时间:2014-06-22 18:09:00

标签: twitter-bootstrap gruntjs bower

我使用了Bootstrap自定义工具:http://getbootstrap.com/customize/ 它会生成一个config.json文件,只要我需要进行更改,我就会重复使用该文件。

我使用Bower处理除Bootstrap之外的所有依赖项,因为我需要自定义版本。

有没有办法告诉Bower使用我的config.json文件来生成CSS?

这个问题的选择答案似乎表明它实际上是可行的,但它没有提供太多细节,我在任何地方找不到任何其他内容:Twitter Bootstraps config.json - what does it do?

我还发现这个软件包允许你使用自己的LESS文件自定义Bootstrap,但这不是我做的,而且似乎没有使用config.json文件:https://www.npmjs.org/package/grunt-customize-bootstrap

谢谢!

1 个答案:

答案 0 :(得分:1)

如果需要,您可以使用bower来安装bootstrap-sass-official或更少版本 并如此处所述 https://github.com/twbs/bootstrap-sass#sass

您可以导入bootstrap-custom并注释掉您不需要的组件。

我遇到了和你一样的问题,这就是我的bootstrap-custom.scss文件的样子

@import "bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/variables";
@import "bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/mixins";
...
@import "bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/responsive-utilities";

在我的default.scss文件中,我已经放了

@import "bootstrap";

然后编译!

Ps:我想在评论中指出这个链接,但需要50个声望点:(