如何使用网格系统制作PRIMENG的响应式MenuBar组件？

Question

我正在制作一个响应式网络。我在使用 PrimeNG 的 MenuBar 组件时遇到问题。我想在缩小窗口时有汉堡模式：

问题是使用 PrimeFlex 的网格系统并将菜单放在第 9 列、第 6 列或任何不展开所有窗口的位置。缩小窗口时没有响应：

有什么模式可以在网页闪烁到达菜单边框时显示汉堡图标？

我尝试了这个并且有效：

min-width: 60em;

但是在窗口中看不到任何聪明的东西，而且真的没有响应。另外，我无法将菜单放在窗口顶部，因为它是网络辅助窗口中的子菜单。

问候

Answer 1

本文说明您可以使用 styleClass 属性来实现更复杂的样式行为;)

这是一个示例。