jQuery Mobile グリッドレイアウトサンプル

グリッドレイアウトのサンプルです

2カラム

こっちは左側のボックスです。div要素で2つに分けて、その中にブロックを置く。
こっちは右側のボックスです。全体は【class="ui-grid-a"】で、中身を【class="ui-block-a"】【class="ui-block-b"】とする
Aブロック。色はclass="ui-bar-c"とかui-bar-eとかで変える
Bブロック。

3カラム

Aブロック
Bブロック
Cブロック

4カラム

Aブロック
Bブロック
Cブロック
Dブロック

5カラム

class="ui-bar-a"
class="ui-bar-b"
class="ui-bar-c"
class="ui-bar-d"
class="ui-bar-e"