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 

您可以通過命令行與運行。