2017-04-03 54 views
1

如何Primefaces <p:menubar>JSF Primefaces菜单引导式

<p:layout fullPage="true" style="border:0px;"> 
     <p:layoutUnit position="north" size="55" resizable="true" closable="false" collapsible="true" gutter="0" class="no-border border-bottom ui-menubar"> 
      <h:form id="frmtheme"> 
       <p:growl id="messages" showDetail="true" /> 
       <p:menubar model="#{menuBean.menubar}" 
        <f:facet name="options" > 
         <h:commandLink action="#{loginBean.doLogout}" value="Log out" class="btn btn-danger logout"> 
          <i class="glyphicon glyphicon-log-out"/> 
         </h:commandLink> 

        </f:facet> 
       </p:menubar> 
      </h:form> 
     </p:layoutUnit> 
     </p:layout> 

应用引导菜单样式按引导Navbar,它需要容器div S和<ul><li>一样的东西。我如何在这里应用Bootstrap类?

+1

你有没有试过https://www.bootsfaces.net/? –

+1

另请参见https://showcase.bootsfaces.net/integration/PrimeFaces.jsf –

+0

@JasperdeVries MenuItems正在运行时生成/添加。我已经下载了Bootstrap css,js和字体。我只是想应用这些类。 –

回答

2

可能是放弃PrimeFaces支持与菜单是一个好主意。我最近使用PrimeFaces的项目之一。但与此同时,他们更喜欢本地使用Bootstrap导航栏。这种方法效果很好。

除此之外,我同意贾斯珀:BootsFaces是要走的路!但我是BootsFaces的提交者,所以我可能会有偏见。