Jquery-mobile-grid

提供:Dev Guides
移動先:案内検索

jQuery Mobile-グリッドレイアウト

jQueryモバイルグリッドシステムは、一連の行と列からページレイアウトを作成します。

次の表は、グリッドのタイプを詳細に示しています。

Sr.No. Type & Description
1

Basic grids

_ui-grid-solo_クラスを<div>に含めて、単一列グリッドを作成します。グリッド幅は100%です

2

Two column grids

クラス_ui-grid-a_を<div>に追加し、クラス_ui-block-a_および_ui-block-b_を持つ2つの子コンテナーを含めて、2列のレイアウトを作成します。

3 Three-column grids The ui-grid-b class is used to create a three column grid, it includes three child container with class ui-block-a/b/c.
4

Four-column grids

_ui-grid-c_クラスは、4列のグリッドを作成するために使用され、_ui-block-a/b/c/d/e_クラスを持つ4つの子コンテナーが含まれます。

5

Five-column grids

_ui-grid-d_クラスは、5列のグリッドを作成するために使用され、_ui-block-a/b/c/d_クラスを持つ5つの子コンテナーが含まれます。

6

Multiple row grids

コンテナの任意の列クラスを指定することにより、グリッドで複数の行をラップできます。

7

Grid solo class

標準のグリッドは、単一のブレークポイントの下のグリッドスタイルをオーバーライドすることにより、応答性が高くなります。

8

Responsive grids

スタックグリッドは35em(560px)未満で、事前設定されたブレークポイントを適用できます。

9

Breakpoint preset

スタックグリッドは35em(560px)未満で、事前設定されたブレークポイントを適用できます。 グリッドコンテナに、_。ui-responsive_クラスを含めます。