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 个不同的列中）。我正在使用 Angular 12+ 并通过 Nx CLI 运行我的应用程序。任何帮助将不胜感激！谢谢

Answer 1

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

请参阅此处了解迁移路径。

请参阅此处获取最新文档。