jQuery Smart Wizard https://github.com/mstratman/jQuery-Smart-Wizardプラグインは数年前から存在しており、約 3 年前に開発が中止されたようです。しかし、Smart Wizard は今でも十分に機能し、新しいものは見つかりませんでした。
活発な開発が行われていないため、著者は Smart Wizard をレスポンシブ Web サイトで動作させる方法については触れていません。幅を 100% に設定し、ウィザード ステップ パネルで Bootstrap 列を使用することで、ほとんどの障害を取り除くことができました。
つまずいたのは、ウィザードの上部に表示される大きなステップ ボタンです。特に、モバイル デバイスで表示したときにすべてのボタンが同じ高さになるようにすることに関してです。私はまだフレックスボックスを使用したことがなく、これがうまくいくかどうかわかりません。他の誰かがこの問題を解決しましたか?