Question

我正在从最新的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>

Answer 1

如果我正确理解您的描述，您需要一个单独的CSS文件，其中包括Bootstrap默认值和您的自定义。

首先从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选项。

祝你好运！

Answer 2

我原本以为问题与添加自定义较少的文件有关。

感谢David Taiaroa的回复和更多调试，Prepos的新版本以及与WinLESS的输出相比，我最终确定这是我在Prepos中使用的设置。

取消选择“Strict Maths”和“Strict Units”并重新编译会生成正确的CSS文件。

从LESS编译Bootstrap，缺少规则

2 个答案: