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/

對不起，我的 「老凱爾特人阿拉伯語英語」。