0

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

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

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

因此，我下载了 variables.less 并从 github 克隆了引导存储库。安装依赖项后，我复制variables.less到less目录中（并覆盖现有的 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 回答