0

たとえば、Foundation 5 グリッドが使用するデフォルトの列数を 12 から 24 に変更したいと考えています。ここでF5グリッドのドキュメントページを見ました

https://foundation.zurb.com/sites/docs/v/5.5.3/components/grid.html

しかし、実際には詳細な指示はありません。私が見るのはこれです：

Sass で カスタマイズする ファイルで提供される Sass 変数を使用すると、グリッドを簡単にカスタマイズ_settings.scssできます。

SCSS

$row-width: rem-calc(1000); $column-gutter: rem-calc(30); $total-columns: 12 ;

コメントを外し$total-columns: 12 ;て絶対に変更すると、$total-columns: 24 ;何も起こりません。繰り返しますが、ここには詳細な手順が表示されていないため、これを正しく行っているかどうかわかりません。では、デフォルトの Foundation 5 グリッドが使用する列の数を変更する適切な方法は何ですか?

4

1 に答える 1

0

コンパスまたは grunt を使用してウォッチ タスクを実行すると、保存時にコマンド ラインでコンパイルが実行されていることがわかります。

すでに 12 列のグリッドを作成してから 24 列に変更すると、最初の一連の列が残りの列を右に移動し、中央に大きな隙間ができていることがわかります。

    // $row-width: rem-calc(1000);
    $total-columns: 24;
    // $column-gutter: rem-calc(30);
于 2015-01-27T18:03:46.953 に答える