JSF Primefaces 菜单引导样式答案

【问题标题】：JSF Primefaces Menu Bootstrap StyleJSF Primefaces 菜单引导样式
【发布时间】：2017-04-03 10:58:55
【问题描述】：

如何在 Primefaces 中应用 Bootstrap 菜单样式<p:menubar>

<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，它需要容器 divs 和 <ul> <li> thingies。如何在这里应用 Bootstrap 类？

【问题讨论】：

你试过bootsfaces.net 吗？
另见showcase.bootsfaces.net/integration/PrimeFaces.jsf
@JasperdeVries MenuItems 正在运行时生成/添加。我已经下载了 Bootstrap css、js 和字体。我只想申请这些课程。
PrimeFaces 还有一个 Bootstrap 主题。

标签： css twitter-bootstrap jsf primefaces jsf-2.2

【解决方案1】：

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

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

【讨论】：