同じ高さのステップボタン

Question

jQueryのスマートウィザードhttps://github.com/mstratman/jQuery-Smart-Wizardプラグインは、数年前から出回っていると、開発が約3年前に停止表示されます。しかし、スマートウィザードはまだまだうまく機能し、新しいものは見つけられません。

アクティブな開発がないため、スマートウィザードをレスポンシブウェブサイトで動作させる方法を説明していません。私は幅を100％に設定し、ウィザードのステップパネルでBootstrap列を使用することで、ほとんどの障害を取り除くことができました。私はつまずきポイントを直撃している

は、特にモバイルデバイス上で見たときにボタンがすべて同じ高さであることを確認することに関して、ウィザードの上部に表示大きなステップボタンです。私はflexboxをまだ使用しておらず、これがうまくいくかどうかわかりません。他の誰かがこの問題を解決しましたか？

Answer 1

少なくとも最初のテストで解決されました。ボタンを処理するためのメディアクエリをいくつか追加しました。私は小さな画面では2つのボタンを、デスクトップでは5つのボタンを表示することを選択しました。また、ブレークポイントに基づいて高さやパディングを調整しました。