twitter bootstrap - Primefaces 5.0 selectOneMenu not working -

i'm using primefaces 5.0 in java web application. doesn't show drop down item list when clicked upon. when add panelstyle="display:block" show item list not collapse. remains expanded. how fix it?

<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> 

i'm using bootstrap template in application. wonder if has issue (css override).

also works fine h:selectonemenu, p:selectonemenu issue occurs.

any resolve problem appreciated.