为<b：navlink> </b：navlink>创建自定义图标

Question

我正在尝试将Bootsfaces用于我的一个爱好项目。 Bootsfaces提供了将Icon添加到按钮和导航栏链接的选项。

我想创建一个自定义图标，并希望将其添加到Button。

我搜索了Bootsfaces.net的文档，但无法得到正确答案。

像

这样的人

有人可以帮助我了解它是如何运作的。

  

修改

<b:navBar brand="My Club" brandHref="#" inverse="true" fixed="top">
<b:navbarLinks>
        <b:navLink value="About Us" href="#"></b:navLink>
        <b:navLink value="Updates" href="#"></b:navLink>
        <b:dropMenu value="Contact us" >
           <b:navLink value="Email" href="mailto:abc@xyz.com" icon="envelope"></b:navLink>
           <b:navLink></b:navLink>
           <b:navLink header="Social Media"></b:navLink>
           <b:navLink value="Facebook" href="http://www.facebook.com/Page"></b:navLink>
           <b:navLink value="Group" href="http://www.facebook.com/URL"></b:navLink>
           <b:navLink value="Twitter" href="http://www.twitter.com/GROUP"></b:navLink>
        </b:dropMenu>
        <b:dropMenu value="Sign in ">
            <h:form >
                <div class="form-group">
                    <b:inputText placeholder="Email" fieldSize="sm" />
                    <!--input type="text" class="form-control" placeholder="Search"/-->
                </div>
                <div class="form-group">
                    <b:inputText placeholder="Password" fieldSize="sm" />
                </div> 
            #{' '}
            <b:commandButton action="a" value="Sign in"
                    look="success" icon="chevron-right" iconAlign="right" />
            </h:form>
        </b:dropMenu>
    </b:navbarLinks>
</b:navBar>

在这里你可以看到Email有Envelop图标，同样我需要有FB和Twitter的图标

Answer 1

这是我们必须实现的功能。 CommandButtons支持GlyphIcons和（从BootsFaces 0.6.5开始）FontAwesome图标，但不支持任意图标。我在项目页面上打开了一个问题：https://github.com/TheCoder4eu/BootsFaces-OSP/issues/65。