/ / zurb foundation - グリッドコンテナのサイズを変更しますか? - zurb-foundation、zurb-foundation-6

zurb foundation - グリッドコンテナのサイズを変更しますか? - zurb-foundation、zurb-foundation-6

デフォルトの幅は何ですか? .grid-container 大画面で?どのように変更してより大きくすることができますか?それを行う正しい方法は何ですか?

回答:

回答№1は1

あなたの "_settings.scss"ファイル、セクション2まで実行"ブレークポイント"(103行目)、そこにあるピクセル値を好みどおりに編集します。

// 2. Breakpoints
// --------------

$breakpoints: (
small: 0,
medium: 640px,
large: 1024px,
xlarge: 1200px,
xxlarge: 1440px,
);


回答№2の場合は1

これは、設定を煩わせることなく、より迅速なソリューションです:

/**
* Change container size on xxlarge screen.
*/
@media screen and (min-width: 90em) {
.grid-container {
max-width: 85rem;
}
}