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

Question

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

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

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

Answer 1

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