Botones horizontales de ancho completo con jquery mobile?

Question

En Jquery mobile, puedo haber agrupado botones horizontales, pero el grupo no toma el ancho del 100%.

Intenté agregar una clase que establece width:100% pero eso no funcionó.

¿Cómo puedo hacerlo?

¡Gracias!

Actualización + posible solución: Parece que estaba fallando porque estaba usando explícitamente width="50%" en ambos botones. Hice 45% y el ajuste. Probablemente algunos márgenes que tienen los botones?

código fuente con la corrección aplicada: 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> 

Sobre lo hará si no es en un elemento de pie de página o de cabecera. Dos rejillas de pilares están aquí: http://view.jquerymobile.com/master/demos/grids-buttons/

No sé cómo lograrlo en el pie de página

Answer 2

inspeccionarlo con Firebug para ver lo que está haciendo que se muestran mal.

Y agregue data-type="horizontal" al controlgroup div en sus fuentes.

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> 

que tiene el código de seguridad de la documentación: http://jquerymobile.com/demos/1.0b1pre/#/demos/1.0b1pre/docs/buttons/buttons-grouped.html

I probado a mí mismo y funciona perfectamente. Obtienes 2 botones uno al lado del otro que se expanden para llenar el 100% de la pantalla.

Answer 4

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

Esto funciona

Answer 5

Si desea horizontal 2 botón puede ser que usted puede utilizar

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