从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，缺少规则

回答

相关问题