Twitter Bootstraps config.json - 它做了什么?

时间:2014-01-29 14:15:38

标签: twitter-bootstrap twitter-bootstrap-3

我正在尝试找到一种只包含特定引导段(css或js)的方法,但到目前为止,我只是写下我正在使用的列表,然后在其自定义页面上勾选这些框。

但是我发现在zip文件中下载了一个config.json文件,它有什么作用?我目前使用bower作为我的资产包管理器,使用gulp作为我的资产管道。但我不认为config.json与他们有关系吗?

谢谢。

5 个答案:

答案 0 :(得分:7)

下载的config.json文件只是提醒您下载时的设置。我假设将来会有一些功能允许您将该文件上传到网站并重现自定义设置,但据我所知,该功能目前尚不存在。

如果您使用的是凉亭,我建议您使用它来为您下载Bootstrap。然后,您可以使用LESS文件提取所需的CSS功能,并使用gulp / grunt将其编译到您的公共资产目录中。您还可以使用gulp / grunt将所需的各个JS文件复制到同一资产目录中的单个文件中。

答案 1 :(得分:4)

config.json存储您用于自定义Bootstrap构建的Customizer设置。

从Bootstrap v3.3.0开始,您可以使用页面顶部的文件上传将这些设置重新加载到Customizer

如果您在本地安装了LESS编译器,您也可以从JSON中提取LESS变量值并使用这些值手动编译Bootstrap。

答案 2 :(得分:2)

config.json文件可以与github的完整主下载一起使用,用grunt配置你的构建。

[编辑] 人们要求更多细节:Bootstrap使用grunt,一个类似于Java的Ant的JavaScript专用构建实用程序,可以构建项目并执行自动化任务。理论上,grunt构建可以读取config.json文件并修改其构建,以通过更改默认的config.json文件并添加或减去其包含的特定设置来满足您需要的某些特定任务。

披露:我个人并不使用grunt.js,但我非常尊重它的创造者Ben。我应该学习如何使用这个工具。

答案 3 :(得分:2)

这篇文章可能很旧,但我想用我所做的更新。

问题

我已经从http://getbootstrap.com/customize/进行了一些自定义,其中提供了config.json文件。如果还生成variables.less文件,那将会很方便。

解决方案

出于这个原因,我快速设置了一个nodejs程序,以便从variables.less生成config.json https://github.com/tomalex0/bootstrap-config-to-variable

答案 4 :(得分:0)

在.json文件的最底部,有一个链接可以在getbootstrap.com中重新加载你的设置:

"customizerUrl": "http://getbootstrap.com/customize/?id={random_id}"

不确定网址有效期多长。