如何开发Primefaces响应式工具栏

Question

我想开发一个Primefaces响应式工具栏。 我该怎么办？

谢谢。

测试我的样品，它不能在响应模式下工作。

<ui:composition>

  <h:form styleClass="app-form">

    <p:growl id="messages" showDetail="true" />
    <p:toolbar styleClass="app-ui-toolbar">

      <f:facet name="left">
        <!--                l'attributo height determina l'altezza della toolbar -->
        <p:graphicImage styleClass="app-ui-image-toolbar" id="gym" height="100%" url="/img/gym.png" />

        <ui:include src="/template/common/separatore.xhtml" />
        <p:outputLabel style="color:#FAFAFA" value="Gymnasium" />

        <ui:include src="/template/common/separatore.xhtml" />
        <p:commandLink styleClass="app-ui-link-toolbar" action="#{homeService.registratiPage}" value="#{mnu.MNURegistrazione}" />

        <ui:include src="/template/common/separatore.xhtml" />
        <p:commandLink styleClass="app-ui-link-toolbar" action="#{homeService.loginPage}" value="#{mnu.MNULogin}" />
      </f:facet>

      <f:facet name="right">
      </f:facet>

    </p:toolbar>

  </h:form>

</ui:composition>