Проблемы primefaces начальной загрузки темы визуализации с Twitter Bootstrap

Question

Я пытаюсь использовать Primefaces 5.1 с использованием Twitter Bootstrap 3.3.4

Я добавил к файлам после кода шаблона Facelets <h:head> раздела

<h:head> 

     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 

     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"/> 
</head> 

web.xml

<context-param> 
    <param-name>primefaces.THEME</param-name> 
    <param-value>bootstrap</param-value> 
</context-param> 

И я пытаюсь использовать selectCheckboxMenu компоненту

<h:panelGrid columns="2" cellpadding="5" cellspacing="5" > 
    <p:outputLabel value="Companies sector"/> 
    <p:selectCheckboxMenu value="#{operations.selectedSectors}" label="Choose" 
         filter="true" filterMatchMode="startsWith" panelStyle="width:250px" style="margin-right: 5px"> 
    <f:selectItems value="#{operations.sectors}" /> 
</p:selectCheckboxMenu> 
... 

Рендер

Когда я удалить бутстраповского

CELLPADDING и CELLSPACING не работает, а также видно.

Я попытался <f:facet name"first"> и <f:facet name"last"> и <f:facet name"middle">

Как решить эту проблему?

Answer 1

Они просто не работают вместе, в связи с новой коробкой-проклейки бутстрапе 3.

Смотрите также

• Using PrimeFaces with Bootstrap causes changes in padding/sizing/borders