1

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

2 回答 2

1

我最初认为这个问题与添加我的自定义较少文件有关。

感谢 David Taiaroa 的回复和更多的调试，一个新版本的 Prepos 并与 WinLESS 的输出进行比较，我最终确定这是我使用的设置Prepos中使用的设置。

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

于 2013-06-23T21:59:03.540 回答
1

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

首先从https://github.com/twitter/bootstrap/archive/master.zip获取 less 文件的副本

如果你打开 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-23T14:38:11.087 回答