2014-09-03 75 views
0

我正在嘗試將Bootsfaces用於我的一個愛好項目。 Bootsfaces提供了將圖標添加到按鈕和導航欄鏈接的選項。爲<b:navLink>創建自定義圖標

我想創建一個自定義圖標,並希望將其添加到按鈕。

我搜索Bootsfaces.net的文件,但無法得到問題的正確答案。

出頭像

enter image description here

有人能幫助我理解它是如何工作的。

編輯

<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:[email protected]" 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> 

sample

在這裏你可以看到郵件有信封圖標,同樣地,我需要有圖標FB和Twitter

+0

您能否提供一些代碼,以便我們可以看到迄今爲止所做的工作? – RevanProdigalKnight 2014-09-03 16:00:15

回答