css - Bootstrap 主题 - variables.less - Bootswatch

Question

如何从 http://bootswatch.com/ 的 variables.less 和 bootstrap.less 文件生成 bootstrap.css 文件？

使用 lessC 编译，我得到一个 css 文件，但它比 bootstrap.css 小得多。我应该如何更改其中一个主题的颜色？

非常感谢。

Answer 1

Bootswatch Swatchmaker 非常棒，但有时您正在尝试将 Bootswatch 主题包含在更具脚本性的环境中，或者需要更好地了解 Bootswatch 主题的组合方式。这是我手动编译 Bootswatch 主题的方法。

1. 从 source 下载 Twitter Bootstrap并解压。
2. 将 Bootswatch 文件 variables.less 和 bootswatch.less 移动到 less/ 文件夹，替换现有的 variables.less 文件。
3. 在 bootstrap.less 的末尾，附加 @import "bootswatch.less";。
4. 编译bootstrap.less。我建议使用 grunt task provided by Bootstrap .