twitter-bootstrap - 将 Bootstrap config.json 文件与 Bower 一起使用

标签 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

谢谢!

最佳答案

如果需要,您可以使用 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 声望点 :(

关于twitter-bootstrap - 将 Bootstrap config.json 文件与 Bower 一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24354163/

相关文章:

html - 使用 2 个按钮在 Bootstrap 中创建响应式导航栏

css - 在 Bootstrap 2 中用我自己的覆盖 Bootstrap 导航栏 CSS

node.js - 在 Windows 上安装 Appium 服务器——如何解决 grunt 错误?

git - 无法使用 fig/crane 在 Docker 容器中执行 git 命令

jquery - 在一行中 Bootstrap HTML 输入字段

gruntjs - Grunt jade 编译器填写空属性

javascript - Gruntjs Livereload 正在观看但未更新

html - 哪些文件是我应该上传到主机的文件

javascript - 使用 Bower 安装 AdminLTE

jquery - Twitter Bootstrap : How to clear out a modal