0

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

我想创建一个自定义图标并将其添加到按钮。

我在 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>

样本

在这里你可以看到电子邮件有信封图标，同样我需要有 FB 和 Twitter 的图标

4

1 回答 1

2

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

于 2015-02-27T19:27:24.903 回答