Twitter bootstrap 3 使用bootswatch.com上的主题设计幻影2

Twitter bootstrap 3 使用bootswatch.com上的主题设计幻影2,twitter-bootstrap-3,dspace,Twitter Bootstrap 3,Dspace,根据《幻影2》的故事,它在这里写道: 如果您想基于现有的引导主题(如中的主题),可以使用标准引导颜色方案,并在Bootstrap\u color\u scheme/\u main.scss中替换引导的导入: @import "../vendor/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap"; @import "../vendor/bootstrap-sass-official/vendor/assets/stylesh

根据《幻影2》的故事,它在这里写道:

如果您想基于现有的引导主题(如中的主题),可以使用标准引导颜色方案,并在
Bootstrap\u color\u scheme/\u main.scss中替换引导的导入:

@import "../vendor/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap";
@import "../vendor/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap/_variables";
仅导入其
\u variables.sccs
文件(需要定义这些变量,因为它们在
\u dspace-bootstrap-tweaks.scss
中使用):

然后,将所选引导主题的css文件导入到它下面。根据主题的不同,您可能还需要更新该导入语句正上方的twbs字体路径函数

我所做的:

好的,所以我激活了
mirage2\u引导\u颜色\u方案
maven配置文件。将
dspace-xmlui-mirage2/src/main/webapp/styles/
中的
bootstrap\u color\u scheme/\u main.scs
复制到
dspace/modules/xmlui-mirage2/src/main/webapp/themes/mirage2/styles

我更改了
\u main.scss
中的文本,上面写着
@import./vendor/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap”导入到
@import./vendor/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap/_-variables”
,然后我复制了我从bootswatch.com下载的
bootstrap.min.css
,并将其与
\u main.scss
放在同一目录中,然后我在
\u main.scss
中使用
@import“bootstrap.min.css”引用它语句

运行
mvn软件包时出现此错误

error styles/main.scss (Line 12: File to import not found or unreadable: variables.`
我还尝试将
\u variables.scss
放在
引导\u color\u scheme
目录下,并使用
@import“variables”但我得到了相同的“未找到”或“无法读取”错误

有人能指导我如何正确使用bootswatch.com上的主题来应用于幻影2吗?使用bootswatch.com中的示例主题的示例和简单演练将非常有用


提前谢谢。

我删除了我的另一个答案,因为我错了。 下面是一个工作引导样例主题的示例:


在构建过程中,
/styles/bootstrap\u color\u scheme/\u main.scss
文件被复制到
/styles/main.scss
,因此@import语句应该是相对于
/styles/main.scss

bootstrap sass已更新其路径,而Mirage 2文档尚未更新

_variables.scss现在存储在这里:“../vendor/bootstrap sass official/assets/stylesheets/bootstrap/_variables.scss”

根据您使用的版本,它甚至可以位于其他位置

一般建议查看以下目录中的供应商文件夹: dspace/modules/xmlui/target/xmlui-*/themes/Mirage2/vendor/


在那里查找变量文件的路径并使用该路径。

如果我错了,请根据您的示例
/styles/bootstrap\u color\u scheme/\u main.scss
,,这是否意味着compass将使用来自
供应商/bootstrap sass官方/assets/stylesheets/bootstrap/
\u variables.scs
,而不是来自bootstrach的主题的
\u variables.scs
?自述文件说:只导入它的
\u variables.sccs
文件(这些变量需要定义,因为它们在
\u dspace-bootstrap-tweaks.scss
中使用):我想我应该使用bootswach主题中的
\u variables.scss
。你没有错
\u dspace-bootstrap-tweaks.scss
仅使用少数变量,这些变量在bootswatch版本中不大可能不同。所以它只是增加了完成任务的复杂性。如果你想使用bootswatch源文件,你可以导入所有的源文件,而不是导入bootswatch.min.css。谢谢Antoine的解释。关于更新
twbs字体路径
,我有一个问题。我将其更改为“
”../../vendor/bootstrap-sass-official/assets/font/bootstrap/”+$font-name
,因为它是构建后保存字形图标的地方。它似乎没有效果,因为bootswatch中的css覆盖了它。因此,glyphicons没有显示,因为引导样例中的css在
。/font/glyphicons halflings regular.eot
中引用了它。我应该在twbs字体路径中更改什么,这样我就不必导入字体,因为它已经存在并且没有编辑css?这些glyphicon链接确实已断开。这个问题必须解决。同时,您可以在
/styles/fonts
中添加所需的字体文件,也可以在bootswatch.min.css中更改指向字体文件的链接。。。更改
twbs字体路径
不会对其产生影响感谢您提供的信息。我想知道如何更新twbs字体路径?我指的是自述文件中的一句话:根据主题的不同,您可能还需要更新导入语句上方的twbs字体路径函数。你能给我举个例子吗?再次感谢。