如何使用bootswatch variables.less文件从源代码正确编译新版本的引导程序

时间:2013-04-08 13:27:19

标签: twitter-bootstrap bootswatch

我一直在尝试从bootswatch获取一个主题,以编译成一个新的bootstrap.css文件。

在bootswatch页面上,我看到了四个要下载的文件:bootstrap.css, bootstrap.min.css, variables.lessbootswatch.less

我可以看到我可以用我项目中的现有文件替换bootstrap。[min。]。css。但是,我的项目基于twitter bootstrap 2.3.x,而不是bootwatch使用的2.2.x。我不想担心我的标记中的不同版本问题。如果我正在尝试使用最新版本的bootstrap,这似乎不是正确的方法。

所以,我下载了variables.less并从github克隆了bootstrap存储库。安装依赖项后,我将variables.less复制到less目录中(并覆盖现有变量。)。如果我然后运行make,它会在docs/assets/css/bootstrap.css中构建一个新的CSS文件。这看起来像是有一些新东西(例如,bootswatch主题中的字体设置在h1,h2等标签内。)。

但是,CSS文件永远不会导入字体,因此无法使用该字体。在bootswatch的bootstrap.css文件中,我看到字体导入是CSS文件中的第一行。新生成的文件根本没有字体导入。

我错过了什么步骤?这是不正确的做法,因为variables.less文件显然是基于2.2.x而新的boostrap是2.3.x?我认为它会起作用,因为boostrap作者可能希望使用这样的系统来协助向后兼容。

1 个答案:

答案 0 :(得分:1)

  

我错过了哪一步?

您已经下载了bootstap less文件,并用bootswatch版本替换了默认的variables.less文件。编译所有内容时,还需要包含bootswatch.less文件。

要执行此操作,请将bootswatch.less复制到less目录,然后使用文本编辑器打开bootstrap.less文件(它编排您正在编译的所有单个文件)并在{{1}之后添加@import "bootstrap.less"; }}

我并不完全确定这是正确的立场。如果这不起作用,你可以在@import "variables.less";

之前尝试 祝你好运。