Question

我的appfuse应用中没有显示Glyphicons。我可以看到，appfuse包含bootstrap作为jar文件。我试图通过添加：

来手动解决问题，包括bootstrap

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

并修复了glyphicons的问题，但其他一些事情开始出错。

有没有办法解决这个问题？

Answer 1

据我所知，你可以加入<css>classpath:META-INF/resources/webjars/bootstrap/{the_version_you_have}/css/bootstrap.min.css</css> 在webapp / WEB-INF目录下的wro.xml文件中。

您可能想要注释掉<css>classpath:META-INF/resources/webjars/bootswatch-spacelab/{the_version_you_have}/css/bootstrap.min.css</css>记录（如果它在那里）。

Answer 2

我尝试了5分钟，无法让字形组合起作用。我推荐使用Font Awesome。方法如下：

将font-awesome webjar添加到您的pom.xml：

<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>font-awesome</artifactId>
    <version>4.3.0-1</version>
</dependency>

将它添加到wro.xml，就在引导CSS之后。

<css>classpath:META-INF/resources/webjars/bootswatch-spacelab/3.3.1+2/css/bootstrap.min.css</css>
<css>classpath:META-INF/resources/webjars/font-awesome/4.3.0/css/font-awesome.min.css</css>

将图标添加到您的页面。例如：
```
<i class="fa fa-plus-circle"></i>
```

Appfuse bootstrap glyphicons没有显示

2 个答案: