智能向导中的等高度步骤按钮

Question

jQuery智能向导https://github.com/mstratman/jQuery-Smart-Wizard插件已经存在好几年了，它似乎在3年前停止了开发。然而，智能向导仍然工作得很好，我还没有发现任何更新的东西。

由于没有积极的开发，作者没有解决如何使智能向导与响应式网站工作。我已经能够通过将宽度设置为100％并在向导步骤面板中使用Bootstrap列来消除大部分障碍。

我碰到的一个绊脚石是在向导顶部显示的大型步骤按钮，特别是关于在移动设备上查看时确保按钮高度相同的大型按钮。我还没有使用Flexbox，不知道这是否适用于此。有其他人解决了这个问题吗？

Answer 1

解决方案至少在初始测试中。增加了一些媒体查询来处理按钮。我选择仅在小屏幕上显示两个按钮，在桌面上显示五个按钮。另外，根据断点调整一些高度和填充。