Primefaces组件渲染与twitter引导布局

Question

我在Primefaces v3.5项目中集成了Twitter Bootstrap v2.3.1， 我使用Bootstrap布局和Primefaces组件。

但使用数据表时，我得到的一个问题，它不会很好地渲染，你可以在图片中看到：通过使用Firebug

我想通了这个问题，primefaces的默认CSS投入得到由ovveridden自举输入风格

这里的顺序加载的样式表：

<link type="text/css" rel="stylesheet" href="/projet/javax.faces.resource/theme.css.xhtml?ln=primefaces-aristo" /> 

<link type="text/css" rel="stylesheet" href="/projet/javax.faces.resource/bootstrap.css.xhtml?ln=css" /> 

<link type="text/css" rel="stylesheet" href="/projet/javax.faces.resource/bootstrap-responsive.css.xhtml?ln=css" /> 

<link type="text/css" rel="stylesheet" href="/projet/javax.faces.resource/primefaces.css.xhtml?ln=primefaces" /> 

你看到theme.css得到由bootstrap.css

ovveridden

那么有没有办法在Bootstrap之后加载所有的primefaces样式表？ 或者是否有其他解决方案来正确呈现Primefaces组件？

Answer 1

我只需要customize（取消选中基本CSS下的表格）引导框架，然后下载它！

Answer 2

应用样式表没有硬性规定。

其全部依赖你，它不是一个解决方案来改变样式表顺序和你的情况下，其与!important做，但它是很好的使用Chris Coyier tells you when to use !important，所以CSS级联反应，有助于解决冲突的地方可以帮内特异性机制你在这。

您可以通过sitepoint了解它并测试您的Specificity Calculator。

Answer 3

这篇文章是用葡萄牙语，但例子很简单，你可以下载datatable.css，在你的项目中使用。

http://jnaldo.com/2013/03/deixando-a-datatable-do-primefaces-com-o-tema-do-twitter-bootstrap/

对不起，我的 “老凯尔特人阿拉伯语英语”。