如何在JSF中使用Glyphicons？

Question

如何在JSF中使用glyphicons（Netbeans：Maven / web application + JSF Framework）？我想使用带有<h:link>的字形。

以下是我在常规HTML中的表现：

<li><a href="home.xhtml" id="home"><span class="glyphicon glyphicon-home"></span> Home</a></li>

以下是这样的：

以下是我尝试在JSF中执行此操作的方法：

<li><h:link id="bone" value="Home" outcome="book" /><span class="glyphicon glyphicon-plane"></span></li>

以下是它的样子：

正如你所看到的那样，黑色和有点难以看到的深蓝色背景颜色的glyphicon位于那里。如何使它看起来像HTML版本，但在JSF？

Ps，“主页按钮”是导航栏的一部分。

感谢。

Answer 1

使用此代码时：

<h:link id="bone" value="Home" outcome="book" />
<span class="glyphicon glyphicon-plane"></span>

您生成的HTML代码将是：

<a href="home.xhtml" id="home"></a>
<span class="glyphicon glyphicon-home"></span> Home

试试这样：

<li>
    <h:link id="bone" outcome="book">
        <span class="glyphicon glyphicon-plane"></span>Home
    </h:link>
</li>

简而言之：您放置JSF代码的顺序很重要。