gpt4 book ai didi

css - PrimeFaces Grid CSS 未应用,因为未找到 css 类?

转载 作者:行者123 更新时间:2023-11-28 08:58:57 26 4
gpt4 key购买 nike

我正在尝试让 PrimeFaces Grid 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.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>

最佳答案

如果页面上没有PF组件,需要手动添加。

<h:outputStylesheet name="grid/grid.css" library="primefaces" />

关于css - PrimeFaces Grid CSS 未应用,因为未找到 css 类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26949270/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com