Gleiche Höhe Schritt Tasten in Smart Wizard

Question

Die jQuery Smart Wizard https://github.com/mstratman/jQuery-Smart-Wizard Plugin ist seit mehreren Jahren und es scheint Entwicklung gestoppt vor etwa 3 Jahren. Smart Wizard funktioniert jedoch immer noch recht gut und ich habe nichts gefunden, das neuer ist.

Da es keine aktive Entwicklung gibt, hat der Autor nicht angesprochen, wie Smart Wizard mit responsiven Websites arbeiten kann. Ich war in der Lage, die meisten Hindernisse zu entfernen, indem ich Breiten auf 100% setzte und Bootstrap-Spalten in den Schrittfeldern des Assistenten verwendete.

Wo ich einen Stolperstein gefunden habe, sind die großen Schrittschaltflächen, die am oberen Rand des Assistenten angezeigt werden, insbesondere im Hinblick darauf, dass die Tasten auf einem Mobilgerät die gleiche Höhe haben. Ich habe Flexbox noch nicht benutzt und weiß nicht, ob das für das funktioniert. Hat jemand anderes dieses Problem gelöst?

Answer 1

Mindestens in ersten Tests gelöst. Eine Handvoll Medienabfragen hinzugefügt, um mit den Schaltflächen umzugehen. Ich entschied mich, nur zwei Tasten auf kleinen Bildschirmen und 5 auf dem Desktop zu zeigen. Außerdem wurden einige Höhen und Abstände basierend auf den Breakpoints angepasst.