0

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

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

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

因此,我下载了 variables.less 并从 github 克隆了引导存储库。安装依赖项后,我复制variables.lessless目录中(并覆盖现有的 variables.less)。如果我随后运行make,它会在docs/assets/css/bootstrap.css. 这看起来有一些新的东西(例如,来自 bootswatch 主题的字体设置在 h1、h2 等标签内。)。

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

我错过了什么步骤?鉴于 variables.less 文件显然基于 2.2.x 并且新的 boostrap 是 2.3.x,这是正确的处理方式吗?我认为它会起作用,因为 boostrap 的作者可能希望使用这样的系统来帮助实现向后兼容性。

4

1 回答 1

1

我错过了什么步骤?

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

为此,将 bootswatch.less 复制到 less 目录,然后使用文本编辑器打开 bootstrap.less 文件(编排您正在编译的所有单个文件)并@import "bootstrap.less";在后面添加@import "variables.less";

我不确定这是正确的位置。如果这不起作用,你可以在最后尝试,就在之前@import "utilities.less";

祝你好运。

于 2013-04-08T22:14:51.363 回答