【问题标题】:Equal Height Step Buttons in Smart Wizard智能向导中的等高步进按钮
【发布时间】:2016-12-24 17:45:36
【问题描述】:

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

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

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

【问题讨论】:

    标签: jquery css twitter-bootstrap flexbox smart-wizard


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-10-19
      • 2020-06-28
      • 2021-04-24
      • 2020-06-23
      相关资源
      最近更新 更多