トップページ > コンテンツ > その他のAPI、ライブラリ関係 > jQuery Mobile > jQuery Mobileのレイアウト

グリッド分割するには、以下のようにすれば良い。

<fieldset class="ui-grid-c"> <!-- 4個にグリッド分割なら、ui-grid-c。3個にグリッド分割なら、ui-grid-bを使う。
<div class="ui-block-a"><div class="ui-bar ui-bar-c"></div></div>
<div class="ui-block-b"><div class="ui-bar ui-bar-c"></div></div>
<div class="ui-block-c"><div class="ui-bar ui-bar-c"></div></div>
<div class="ui-block-d"><div class="ui-bar ui-bar-c"></div></div>
<!-- ここまでで1行分 -->

<div class="ui-block-a"><div class="ui-bar ui-bar-c"></div></div>
<div class="ui-block-b"><div class="ui-bar ui-bar-c"></div></div>
<div class="ui-block-c"><div class="ui-bar ui-bar-c"></div></div>
<div class="ui-block-d"><div class="ui-bar ui-bar-c"></div></div>
</fieldset>