Container
Container(コンテナ)は、コンテンツの領域を示します。また、サイズを指定するとコンテンツが広がる最大幅を決定できます。コンテンツは最大幅で中央揃えになります。
コンテンツに最大幅及び左右のマージンを設けたい場合に使用します。
マージンは、コンテンツと画面の左端および右端の間のスペースです。画面にうまく適応するために、マージン幅はさまざまなブレークポイントで変更されます。余白を広くすると、コンテンツの周囲により多くの空白が作成されるため、より大きな画面に適しています。
Gapless
Gap(両サイドマージン)の有無を指定できます。false / true から選択できます。
Size
大きさを決定します。XS / S / M / L / XL の5種類から選択できます。指定したサイズより画面幅が大きくなった場合は中央揃えになります。サイズはFlavorから任意の値に変更できます。
推奨サイズ
| Level | Content Width Size | |
|---|---|---|
| XS | 480px | |
| S | 640px | |
| M* | 960px | |
| L | 1200px | |
| XL | 1440px |