JSF Primefaces Menü Bootstrap Stil

Question

Wie Bootstrap Menüstil in Primefaces <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> 

Per Bootstrap Navbar, es erfordert Container div s und <ul><li> thingies anzuwenden. Wie kann ich Bootstrap-Klassen hier anwenden?

Answer 1

Wahrscheinlich ist es eine gute Idee, PrimeFaces Unterstützung mit dem Menü zu verlassen. Eines meiner letzten Projekte verwendete PrimeFaces. Aber sie zogen es vor, die Bootstrap-Navigationsleiste nativ zu verwenden. Dieser Ansatz hat gut funktioniert.

Abgesehen davon stimme ich Jasper zu: BootsFaces ist der Weg zu gehen! Aber ich bin ein Committer für BootsFaces, also mag ich voreingenommen sein.