Boutons horizontaux pleine largeur avec jquery mobile?

Question

Dans Jquery mobile, je peux avoir groupé des boutons horizontaux, mais ils ne prennent pas 100% de largeur.

J'ai essayé d'ajouter une classe qui définit width:100% mais cela n'a pas fonctionné.

Comment puis-je le faire?

Merci!

Mise à jour + Correction possible: Il semble que cela échouait car j'utilisais explicitement width="50%" dans les deux boutons. J'ai fait 45% et l'ajustement. Probablement des marges que les boutons ont?

code source avec le correctif appliqué: http://pastebin.com/ZXDNfAU1

Answer 1

<div class="ui-grid-a"> 
    <div class="ui-block-a"><button type="submit" data-theme="c">Cancel</button></div> 
    <div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div> 
</div> 

ci-dessus le faire si ce n'est pas dans un élément de pied de page ou en-tête. Deux grilles de colonnes sont ici: http://view.jquerymobile.com/master/demos/grids-buttons/

Je ne sais pas comment l'accomplir dans le pied de page

Answer 2

avec Firebug Inspectez pour voir ce qui les amène à afficher mal.

Et ajoutez data-type="horizontal" au groupe de contrôle div dans vos sources.

Answer 3

<div data-role="controlgroup" data-type="horizontal"> 
    <a href="index.html" data-role="button">Yes</a> 
    <a href="index.html" data-role="button">No</a> 
</div> 

J'obtenu le code ci-dessus de la documentation: http://jquerymobile.com/demos/1.0b1pre/#/demos/1.0b1pre/docs/buttons/buttons-grouped.html

Je l'ai essayé moi-même et il fonctionne parfaitement. Vous obtenez 2 boutons côte à côte qui s'étendent pour remplir 100% de l'écran.

Answer 4

<div class="ui-grid-solo"> 
    <div class="ui-block-a"> 
     <input type="submit" name="Action" value="Register" data-theme="b"/> 
    </div> 
</div 

Cela fonctionne

Answer 5

Si vous voulez horizontal 2 bouton peut être vous pouvez utiliser

<div style="float:left; " > 
<div style="float:right;" >