Bootstrap。少到css

Question

我使用twitter引导。在我的dev的服务器I连接两个减档： bootstrap.less和style.less：

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

body {...} 

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

Answer 1

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

Answer 2

Twitter Bootstrap团队已经开发了自己的CSS工具 - recess。它编译LESS，优化CSS和Lint，并根据BS的风格指导进行转换。它可以作为节点程序包，npm安装：

recess --compile bootstrap.less > bootstrap.css 

但首选方法是在引导的文件夹中运行make bootstrap使用白手起家Makefile：

npm install recess 

您可以通过命令行与运行。