引导程序。 少到CSS

Question

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

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

body {...}

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

Answer 1

Twitter Bootstrap团队已经开发了自己的CSS 嵌入式工具。 它可以根据BS的样式指南编译LESS，优化CSS，皮棉并将其转换。 它可以作为Node软件包使用，可通过npm安装：

npm install recess

您可以使用以下命令从命令行运行它：

recess --compile bootstrap.less > bootstrap.css

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

Answer 2

您可以使用SimpLESS之类的工具来创建CSS，然后在布局中引用CSS，也可以使用Less.js即时转换为CSS，从而仍然可以在代码中引用LESS文件。