css - Bootstrap 。更少的CSS

Question

我使用 Twitter Bootstrap 。在我的开发服务器中，我连接了两个较少的文件:bootstrap.less 和 style.less:

@import "bootstrap.less";
@gridGutterWidth: 30px;

body {...}

我在 style.less 中重新定义了一些 Bootstrap 变量。在这种情况下如何将 bootstrap.less 和 style.less 转换为 css？

Answer 1

Twitter Bootstrap 团队开发了自己的 CSS 工具 - recess .它根据 BS 的样式指南编译 LESS、优化 CSS、lints 和转换它。它以 Node 包的形式提供，使用 npm 安装:

npm install recess

您可以从命令行运行它:

recess --compile bootstrap.less > bootstrap.css

但首选方法是通过在 Bootstrap 的文件夹中运行 make bootstrap 来使用 Bootstrap Makefile。