css - 引导程序。少到 css

Question

我使用推特引导程序。在我的开发服务器中，我连接了两个较少的文件：bootstrap.less 和 style.less：

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

body {...}

我在 style.less 中重新定义了一些引导变量。在这种情况下如何将 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 的文件夹中Makefile运行来使用 Bootstrap。make bootstrap

Answer 2

您可以使用诸如SimpLESS之类的工具来创建 CSS，然后在布局中引用 CSS，或者您可以使用Less.js 动态转换为 CSS，让您仍然可以在代码中引用您的 LESS 文件。