Skip to main content
レイアウトコンテナは、マルチカラムレイアウトの作成に使用します。デフォルトでは、コンポーネントは 12 カラムに分割され、複数のプリセットレイアウトが用意されているほか、カスタムレイアウトにも対応します。モバイル端末では、1 行あたり最大 4 カラムまで表示可能です。4 カラムを超える場合は次の行に折り返され、折り返された行は横幅いっぱいに表示されます。
  • コンポーネントの基本的な使用方法:1 行を等幅の 3 カラムに分割し、カラム間隔を 15px に設定します。これらの値はデザインビューで直接変更できます。
  • カスタム行・カラムを使用する場合:右側の設定パネルの レイアウト - カスタム行・カラム で、各カラムの比率値を 2:2:2:2:4 のような形式で入力します。
  • 複数行で使用する場合:右側の設定パネルの レイアウト - カスタム行・カラム で、各カラムの比率値を 2:2:2:2:4:6:6 のような形式で入力します。比率の合計が 12 を超えると、次の行に折り返されます。合計は 12 の倍数に保つことを推奨します。複数行レイアウトでは、行間隔(垂直方向の間隔)の設定が必要となる場合があります。

使用シーン

  • ページまたはセクションにマルチカラムレイアウトを適用したい場合に、このコンポーネントを使用します。

コンポーネント例

コンポーネントの属性