title: JSF Primefaces Menu Bootstrap Style
body: <p>How to apply Bootstrap menu style in Primefaces <code>&lt;p:menubar&gt;</code></p>
  
  <pre><code>&lt;p:layout fullPage="true" style="border:0px;"&gt;
          &lt;p:layoutUnit position="north" size="55"  resizable="true" closable="false" collapsible="true" gutter="0" class="no-border border-bottom ui-menubar"&gt;
              &lt;h:form id="frmtheme"&gt; 
                  &lt;p:growl id="messages" showDetail="true" /&gt;  
                  &lt;p:menubar  model="#{menuBean.menubar}"
                      &lt;f:facet name="options" &gt;
                          &lt;h:commandLink action="#{loginBean.doLogout}" value="Log out" class="btn btn-danger logout"&gt;
                              &lt;i class="glyphicon glyphicon-log-out"/&gt;
                          &lt;/h:commandLink&gt;
  
                      &lt;/f:facet&gt;
                  &lt;/p:menubar&gt;
              &lt;/h:form&gt;
          &lt;/p:layoutUnit&gt;
        &lt;/p:layout&gt;
  </code></pre>
  
  <p>As per Bootstrap <a href="http://getbootstrap.com/components/#navbar" rel="nofollow noreferrer">Navbar</a>, it requires container <code>div</code>s and <code>&lt;ul&gt;</code> <code>&lt;li&gt;</code> thingies. How can I apply Bootstrap classes here?</p>