從LESS編譯Bootstrap，缺少規則

我從最新的LESS文件編譯Bootstrap，所以我可以覆蓋/添加我自己的變量（主要是顏色）。從LESS編譯Bootstrap，缺少規則

但是編譯後的css文件不包含任何.span3，.span8規則，有誰知道這些規則是如何生成的？

下載最新的預編譯的css文件可以正常工作 - 它們包含上述規則。
我試過對LESS文件的搜索，但只發現了表規則（.tableColumns（3），.tableColumns（8）等）。

我現在bootstrap.less樣子：

@import "@{BootStrapVer}/variables.less"; 
@import "@{Custom}/custom-vars.less"; 
@import "@{BootStrapVer}/mixins.less"; 

<Rest of bootstrap less files excluded for brevity>

來源

2013-06-23 SteB

一切都在這裏：https://github.com/twitter/bootstrap/tree/master/less –

@ScottSimpson - 我已經從github下載了LESS文件，我的bootstrap.less引用了它們，但是一旦編譯完成我的bootstrap.css比預編譯的小一些 – SteB

你的bootstrap.less看起來和這個完全一樣嗎？ https://github.com/twitter/bootstrap/blob/master/less/bootstrap.less也許這是你如何編譯。如果您在Mac上，請嘗試使用CodeKit進行編譯。 –

我原本以爲這個問題是關於添加我自定義較少的文件。

感謝David Taiaroa的回覆和一些更多的調試，新版本的Prepos和WinLESS輸出的比較，我最終確定這是我在Prepos中使用的設置。

取消選擇「嚴格數學」和「嚴格單位」並重新編譯生成了正確的CSS文件。

來源

2013-06-23 21:59:03 SteB

如果我理解你的描述正確的，你想要一個單一的，獨立的CSS文件，其中既包括引導默認加上您的自定義。

開始通過獲取較少文件的副本從https://github.com/twitter/bootstrap/archive/master.zip

如果打開boostrap.less你會看到接近頂部有

// Core variables and mixins 
@import "variables.less"; // Modify this for custom colors, font-sizes, etc 
@import "mixins.less"; 
....

添加聲明，要求你的自定義變量文件這個塊的中間，肯定會得到正確的相對路徑。例如

// Core variables and mixins 
@import "variables.less"; // Modify this for custom colors, font-sizes, etc 
@import "../../relative/path-to/custom-vars.less"; 
@import "mixins.less";

然後編譯bootsrap.less。

我同意@ScottSimpson，CodeKit是一個很好的Mac選項。

祝你好運！

來源

2013-06-23 14:38:11

我的自定義bootstrap.less文件位於我的較少目錄之外，我已經包含了我所擁有的一個示例。在導入其他較少的文件以漣漪式傳輸之前，我的自定義變量是否需要導入？ – SteB

即使我嘗試：@import「@ {BootStrapVer} /bootstrap.less」;我的css文件比預編譯的文件小3KB。 – SteB

現在，我看到你在哪裏，我編輯了我的答案 –

從LESS編譯Bootstrap，缺少規則

回答

相關問題