我一直在尝试从bootswatch获取一个主题,以编译成一个新的bootstrap.css文件。
在bootswatch页面上,我看到了四个要下载的文件:bootstrap.css, bootstrap.min.css, variables.less
和bootswatch.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作者可能希望使用这样的系统来协助向后兼容。
答案 0 :(得分:1)
我错过了哪一步?
您已经下载了bootstap less文件,并用bootswatch版本替换了默认的variables.less文件。编译所有内容时,还需要包含bootswatch.less文件。
要执行此操作,请将bootswatch.less复制到less目录,然后使用文本编辑器打开bootstrap.less文件(它编排您正在编译的所有单个文件)并在{{1}之后添加@import "bootstrap.less";
}}
我并不完全确定这是正确的立场。如果这不起作用,你可以在@import "variables.less";