Jquery-mobile-grid
提供:Dev Guides
jQuery Mobile-グリッドレイアウト
jQueryモバイルグリッドシステムは、一連の行と列からページレイアウトを作成します。
次の表は、グリッドのタイプを詳細に示しています。
Sr.No. | Type & Description |
---|---|
1 |
_ui-grid-solo_クラスを<div>に含めて、単一列グリッドを作成します。グリッド幅は100%です |
2 |
クラス_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 |
_ui-grid-c_クラスは、4列のグリッドを作成するために使用され、_ui-block-a/b/c/d/e_クラスを持つ4つの子コンテナーが含まれます。 |
5 |
_ui-grid-d_クラスは、5列のグリッドを作成するために使用され、_ui-block-a/b/c/d_クラスを持つ5つの子コンテナーが含まれます。 |
6 |
コンテナの任意の列クラスを指定することにより、グリッドで複数の行をラップできます。 |
7 |
標準のグリッドは、単一のブレークポイントの下のグリッドスタイルをオーバーライドすることにより、応答性が高くなります。 |
8 |
スタックグリッドは35em(560px)未満で、事前設定されたブレークポイントを適用できます。 |
9 |
スタックグリッドは35em(560px)未満で、事前設定されたブレークポイントを適用できます。 グリッドコンテナに、_。ui-responsive_クラスを含めます。 |