将PrimeFaces与引导带一起使用会导致填充/大小/边框的更改
将PrimeFaces与引导带一起使用会导致填充/大小/边框的更改
提问于 2015-01-28 02:36:05
我禁用了PrimeFaces中的所有主题：
<context-param>
<param-name>primefaces.THEME</param-name>
<param-value>none</param-value>
</context-param>我这么做是因为我使用的是引导3，我不想在jquery和引导布局中出现任何冲突。问题是没有“主题”的PrimeFaces数据表变成了带有黑色边框的白色表，如果我使用border-style:none，边框就消失了，但是引导样式的边框也消失了。
听着我试过：
<div class="table-responsive">
<p:dataTable rowKey="#{banca.id}"
var="banca"
value="#{bancaMB.beans}"
paginator="true"
emptyMessage="Não foi encontrado nenhum registro"
rows="10"
id="dataTableBancas"
selection="#{bancaMB.bean}"
tableStyleClass="table table-striped"
selectionMode="single">
..
</dataTable>看看我的CSS：
.ui-datatable thead th,
.ui-datatable tbody,
.ui-datatable tbody tr,
.ui-datatable tbody td {
border-style: none !important;
}看我的数据表图片
回答 1
Stack Overflow用户
发布于 2015-02-03 17:01:57
几乎所有其他组件都会失败，看上去和感觉都是明智的。因为引导程序3切换到了不同箱体尺寸 (边框而不是内容框)。所以在PF组件中很多很多小的ui都会失败，比如选择列表中的图标被错误地定位等等。在我看来，很难解决所有这些问题。
如果您想要将引导用于响应性布局，那么可以使用类似于网格css和更多的是开始的
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28183661
复制相关文章
相似问题
腾讯云开发者
