未应用PrimeFaces网格CSS,因为未找到CSS类?
我试图让PrimeFaces网格CSS工作,但它不会工作。我遵循PrimeFaces页面上的示例,但是当我在浏览器中运行它时,所有DIV条目都显示在垂直列表中。错误在哪里? 我有以下XHTML:未应用PrimeFaces网格CSS,因为未找到CSS类?,css,jsf,jsf-2,primefaces,Css,Jsf,Jsf 2,Primefaces,我试图让PrimeFaces网格CSS工作,但它不会工作。我遵循PrimeFaces页面上的示例,但是当我在浏览器中运行它时,所有DIV条目都显示在垂直列表中。错误在哪里? 我有以下XHTML: <!DOCTYPE html> <html xmlns="http://www.w3c.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces
<!DOCTYPE html>
<html xmlns="http://www.w3c.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://xmlns.jcp.org/jsf/core">
<h:head/>
<h:body>
<div class="ui-grid">
<div class="ui-grid-row">
<div class="ui-grid-col-4">Col1</div>
<div class="ui-grid-col-4">Col2</div>
<div class="ui-grid-col-4">Col2</div>
</div>
</div>
<div class="ui-grid">
<div class="ui-grid-row">
<div class="ui-grid-col-4">4</div>
<div class="ui-grid-col-8">8</div>
</div>
</div>
<div class="ui-grid">
<div class="ui-grid-row">
<div class="ui-grid-col-4">4</div>
<div class="ui-grid-col-4">4</div>
<div class="ui-grid-col-4">4</div>
</div>
<div class="ui-grid-row">
<div class="ui-grid-col-4">4</div>
<div class="ui-grid-col-4">4</div>
<div class="ui-grid-col-4">4</div>
</div>
<div class="ui-grid-row">
<div class="ui-grid-col-4">4</div>
<div class="ui-grid-col-4">4</div>
<div class="ui-grid-col-4">4</div>
</div>
</div>
<div class="ui-grid ui-grid-responsive">
<div class="ui-grid-row">
<div class="ui-grid-col-4">4</div>
<div class="ui-grid-col-8">8</div>
</div>
</div>
<div class="ui-grid ui-grid-fixed">
<div class="ui-grid-row">
<div class="ui-grid-col-4">4</div>
<div class="ui-grid-col-8">8</div>
</div>
</div>
</h:body>
</html>
可乐
可乐
可乐
4.
8.
4.
4.
4.
4.
4.
4.
4.
4.
4.
4.
8.
4.
8.
似乎未包含primefaces.css。所以在xhtml页面中应该至少有一个primefaces组件。试试这个:
可乐
可乐
可乐
4.
8.
4.
4.
4.
4.
4.
4.
4.
4.
4.
4.
8.
4.
8.
如果页面上没有PF组件,则需要手动添加
<h:outputStylesheet name="grid/grid.css" library="primefaces" />
事实上我遇到了同样的问题。
重要的是,网格布局仅从5.1版开始受支持 这不是事实。由于版本5.1,网格布局应该是开箱即用的。