Question

如何在Primefaces <p:menubar>

中应用Bootstrap菜单样式

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

根据Bootstrap Navbar，它需要容器div和<ul> <li>个东西。我如何在这里应用Bootstrap类？

Answer 1

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

除此之外，我同意Jasper：BootsFaces是要走的路！但我是BootsFaces的提交者，所以我可能有偏见。

JSF Primefaces菜单引导样式

1 个答案: