PrimeFaces儀表板式列寬

Question

我有一個很大的問題，我無法找到一個解決方案，這到現在......我 尋找那些具有相同的我的問題相似，我沒有找到解決辦法太

問題： 我想在儀表板中添加不同的寬度來創建不同的佈局，我在創建儀表板時發現了兩種方法，首先在我的bean中創建模型，並在bean中添加DashboardColumns在添加小部件之後，其次是通過標籤創建列<p:dashboardColumn>，這裏的問題是第一個選項意味着在xhtml文件中創建沒有實際列的列，這使得我可以單獨控制每列的​​css，並且我發現我可以編輯德發通過

.pf-dashboard-column {width:200px;} 

和列ULT CSS寫我的風格，確定，但這種方式並沒有使我能夠做出不同的尺寸（寬度）爲列，並在第二個問題是p:dashboardColumn ISN」 t雖然我從網站上下載了lib並將其添加到我的IDE（類路徑和源代碼） note： 在我的開始標記中，我包含xmlns:p="http://primefaces.org/ui"，這使我的primefaces組件可以正常工作，但<p:dashboardColumn>無法正常工作，但在使用示例這個標籤它包括xmlns:p="http://primefaces.prime.com.tr/ui"，這個我發現它在另一個庫中，但它不會使我的標籤工作像（p:selectOneMenu），但使<p:dashboardColumn>工作

...這是我的問題，我不能做出不同的寬度列......任何幫助？

另一件事，當我調整我的瀏覽器的面板順序改變，我不知道爲什麼？

Answer 1

看一看CSS的第n個孩子選擇：

http://www.w3schools.com/cssref/sel_nth-child.asp

.pf-dashboard-columnp:nth-child(1) { 
    width: 400px; 
} 
.pf-dashboard-columnp:nth-child(2) { 
    width: 500px; 
} 

小心你儘管做什麼，你可能會發現其他元素的黃金已經被大小的面動態，而不是在CSS。