財団グリッド - 大型機器

最後の章では、我々は中型機器や小型機器のグリッドレイアウト、25％/ 75％（.small-3と.small-9）のための小型機器の割合が、中型機の割合のために導入しました50％/ 50％（.medium-6および.medium-6）：

<div class="small-3 medium-6 columns">....</div>
<div class="small-9 medium-6 columns">....</div>

大規模な設備では、我々は33％/ 66％の比率をお勧めします。

ヒント画面サイズが大きい装置64.0625emの定義よりも大きいです。

大型機器の使用.large-*カテゴリ。

今、私たちは、大規模な設備に2を追加します。

<div class="small-3 medium-6 large-4 columns">....</div>
<div class="small-9 medium-6 large-8 columns">....</div>

解決します

• 25％/ 75％の2列（と小型デバイスの割合.small-3と.small-9 ）
• ％50分の50％の2列を持つ中規模デバイスの割合（ .medium-6と.medium-6 ）
• ％66分の33％の2列の大型機器の割合（ .large-4と.large-8 ）

	注：列の数は12まで追加することを確実にするために！

大型機器にタイト使用

次の例で、我々は指定.large-6クラス（および* .medium-ありません.small-* ）。 これは、機器の大部分が、50％/ 50％であることを示しています。 しかし、水平方向に積み重ねられた中型または小型器具（100％幅）で：