Jquery-mobile-grid

提供:Dev Guides
2020年6月22日 (月) 15:54時点におけるMaintenance script (トーク | 投稿記録)による版 (Imported from text file)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
移動先:案内検索

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_クラスを含めます。