我正在 primefaces 5.3 项目中试用 bootsfaces 1.0.1 ( https://www.bootsfaces.net )。
它工作得很好，但问题是如果我在页面中添加一个元素，页面就会扭曲（挤压）
查看没有 bootsfaces 元素的原始屏幕。
然后这里是页面在添加一个文本框后的样子<b:inputText placeholder="Type something here..." value=""/>
我该如何解决这个问题？
更新
我已经确定这不是 bootsfaces 问题。它会在您添加引导 css 的那一刻发生。即使页面上没有任何引导元素，引导 2 和引导 3 也是如此。
2016 年 12 月 27 日更新： 我写了一篇文章并在 GitHub 上创建了一个项目来解决这个问题。第一个结果看起来令人鼓舞。基本上，您只需要包含 CSS 文件resetBSToPF.css添加插入 CSS 样式类“pf”到某些 PrimeFaces 组件，以便在同一项目中同时使用 BootsFaces 和 PrimeFaces。文件中定义的大多数 CSS 规则都是递归工作的，所以这应该不是什么大问题。
目前，CSS 文件只是一个涵盖一些重要用例的草图，但我想还有很多工作要做。让我们一起努力吧！我确信这可以快速解决不兼容问题。
我的旧答案： 人们经常报告说很难结合 PrimeFaces 和 BootsFaces（或一般的 Bootstrap）。但是，我认为有一些 PrimeFaces 组件比其他组件更成问题。数据表似乎就是其中之一。您可以尝试用 BootsFaces 数据表替换 PrimeFaces 数据表。PrimeFaces 数据表功能更强大，但在大多数情况下，您不需要高级功能。您仍然需要覆盖一些 CSS，但希望这不会太难。
顺便说一句，这篇葡萄牙文文章解释了为什么 Bootstrap 和 PrimeFaces 不兼容，尽管它没有解释如何解决这个问题。