css - グリッド外のZurb Foundationの背景色

Question

簡単なことだと思いますが、次のようなレイアウトを作成する方法がわかりません。

私のグリッドサイズは、白い領域の幅と同じです。ページの幅全体を占める濃い青のトップ バーには問題はありませんが、基本グリッドの外側にある水色の側面を作成する方法がわかりません。ボディの背景を水色に変更すると、中央のファンデーション グリッドも青色になります。

ご指摘ありがとうございます。

Answer 1

foundation_and_overrides.scss$body-bgファイルには、必要な色を受け入れるという変数があります。

このアプローチを使用する場合は、body のスタイルを削除することを忘れないでくださいscaffolds.css.scss(そうしないと、foundation 設定で指定したものを上書きする可能性があります)。

Answer 2

body { background-color: blue; }

.row { background-color: white; }

body背景色はページ全体を占め、の背景色はの背景色に重ね合わさrowれbodyます。