web-dev-qa-db-ja.com

MaterializeCSSでコンテナのデフォルト幅を変更するにはどうすればよいですか？

containerのデフォルトの幅は 70％に設定 in MaterializeCSS：

コンテナクラスは厳密にはグリッドの一部ではありませんが、コンテンツをレイアウトする上で重要です。それはあなたがあなたのページコンテンツを中央に置くことを可能にします。コンテナクラスはウィンドウ幅の約70％に設定されています。それはあなたがあなたのページコンテンツを中央に置いて封じ込めるのを助けます。私達は私達の体の内容を含むために容器を使用します。

これはどのように変更できますか？

cssgridviewmaterialize
6
Meysam

マテリアライズ.cssにリンクまたはインポートした後、ブラウザでスタイルが読み取られるようにして、プロパティを上書きするだけです

これらの値をコピーして変更する必要があります。

.container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}
@media only screen and (min-width: 601px) {
  .container {
    width: 85%;
  }
}
@media only screen and (min-width: 993px) {
  .container {
    width: 70%;
  }
}
13
Marian