Twitter bootstrap Primefaces 5.0 SelectOne菜单不工作

我正在java web应用程序中使用Primefaces 5.0。单击时不显示下拉项目列表。但是，当我添加panelStyle=display:block时，它将显示项目列表，但不会折叠。它仍在扩大。我怎么修理它

<h:form id="adddisjointcat">
        <h:panelGrid cellpadding="5" columns="2" > 
            <h:outputLabel for="adddisjointcat" value="Select Category:" /> 
             <p:selectOneMenu id="adddisjointcat" value="#{addDisjointCategory.categoryName}" effect="fold" panelStyle="display:block; width:300px; margin-left:248px; margin-top:-254px;">
                  <f:selectItem itemLabel="Select One" itemValue="" />
                  <f:selectItems value="#{addDisjointCategory.classes}" />
             </p:selectOneMenu>
       </h:panelGrid>
       <p:growl id="growl" life="2000"/>
      <p:commandButton value="ADD" id="adddisjointCategory" actionListener="#{addDisjointCategory.buttonAction}" update="growl" icon="ui-icon-seek-next" ajax="false" />
</h:form>

我正在应用程序中使用引导模板。不知道这是否与这个问题有关

这也适用于h:selectOneMenu，只有p:selectOneMenu才会出现问题

---

如果您认为p和h组件几乎相同，请调查生成的xhtml，以了解可能的重复。差异很大