Twitter bootstrap 3 使用bootswatch.com上的主题设计幻影2
根据《幻影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
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.scssbootstrap 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字体路径函数。你能给我举个例子吗?再次感谢。