Grid en jQuery Mobile

Contactar con el profesor

ui-grid-a: las celdas ocuparán el 50% de la pantalla, ui-grid-b, un tercio; ui-grid-c, un cuarto, y así hasta e.

<div class="ui-grid-a">
	
<div class="ui-block-a">
		Content
	</div>
	<div class="ui-block-b">
		Content
	</div>

</div>

Grid con varias filas

<div class="ui-grid-b">
	<div class="ui-block-a">
		<p>Content</p>
	</div>
	<div class="ui-block-b">
		<p>Content</p>
	</div>

	<div class="ui-block-a">
		<p>Content</p>
	</div>
	<div class="ui-block-b">
		<p>Content</p>
	</div>
	<div class="ui-block-c">
		<p>Content</p>
	</div>
</div>

Si quiero empezar una nueva fila sin terminar de poner las celdas de la fila en la que estoy, utilizaré <div class=”ui-block-a”>

← Paneles en jQuery Mobile
Themes en jQuery Mobile →

Aviso Legal | Política de privacidad