PrimeNg 网格系统未按照文档工作

Question

我在我的应用程序中使用 PrimeNG，并且已经按照官方文档安装了所有必需的依赖项。我正在尝试他们网站上可用的网格系统示例，但它不起作用。

代码如下：

<div class="p-grid">
    <div class="p-col">1</div>
    <div class="p-col">2</div>
    <div class="p-col">3</div>
</div>

这是我的 angular.json 文件中的样式

"styles": [
          "./node_modules/bootstrap/dist/css/bootstrap.min.css",
          "./node_modules/primeicons/primeicons.css",
          "./node_modules/primeng/resources/themes/nova/theme.css",
          "./node_modules/primeng/resources/primeng.min.css",
          "./node_modules/primeflex/primeflex.css",
          "apps/customer-application/src/styles.scss"
        ]

它垂直打印所有这三行（在一列中），但根据文档，它应该在一行中打印，即水平打印（在 3 个不同的列中）。我正在通过 Nx CLI 使用 Angular 12+ 和运行我的应用程序。任何帮助将不胜感激！谢谢

Answer 1

他们在最新版本 (3.x) 中删除了 primeflex 类的 p- 前缀。

迁移路径参见here。

有关最新文档，请参阅 here。

PrimeNg 网格系统未按照文档工作

PrimeNg grid system is not working as per the documentation

primeng

angular

nrwl-nx