Création de boutons de taille égale en fonction du plus gros bouton au format HTML

Question

Dans l'exemple de code ci-dessous, j'ai un formulaire simple avec deux boutons d'envoi.

<form> 
    <input type="submit" value="< Previous"> 
    <input type="submit" value="Next >"> 
</form> 

Selon l'value attribuer les boutons obtenir différentes tailles, comme l'image ci-dessous:

Y at-il une méthode que je peux utiliser pour faire les boutons de taille égale sur la base la plus large bouton? J'utilise Bootstrap si c'est un avantage ...

Je sais que je pourrais utiliser une solution CSS- width (ou similaire) pour régler des largeurs égales sur les boutons. Mais puisque je ne sais pas à quelle largeur le value sera à l'avance, cela ne résoudra pas le problème ... (ou le sera-t-il?).

Answer 1

Utilisez JQuery

var prev = $('#prev').width(); 
var next = $('#next').width(); 
if (prev > next) { 
    $('#next').width(prev); 
} else { 
    $('#prev').width(next); 
} 

Voici un jsfiddle j'ai fait ..