2016-11-16 4 views
1

私はブーストコンテナ+ 60pxを追加する必要があります。ブーストラップコンテナの幅を変更してください

私はそれをどうやって変えることができますか?

このメディアクエリを試しましたが、動作しません。

@media (min-width: 1200px) { 
    .container{ 
     max-width: 1260px; 
    } 
} 

お手伝いできますか?ありがとうございました:)

答えて

3

だけ1260pxにあなたのCSSコードを変更、場合にあなたが、あなたのブートストラップCSSファイルで、これを変更するには、新しいファイルを作成し、そのようにそれを設定するためにwan'tいけない:

@media (min-width: 1200px) { 
    .container { 
     width: 1260px; 
    } 
} 

新しいファイルがブートストラップcssの元のファイルの下にロードされていることを確認してください。この場合はmax-widthを使用しないでください。がんばろう!

+0

ありがとうございます。これは完全に動作します! – JZK

0

CSS定義の最後に!importantを追加しようとしましたか?

この方法を試してみてください:

@media (min-width: 1200px) { 
    .container{ 
     max-width: 1260px !important; 
    } 
} 
+0

はい、それでも動作しません。とにかくあなたの答えをありがとう – JZK

+1

私の第2のアイデアを最大幅から幅に切り替えます。 '!important'で強制的にCSSプロパティを使うと、あまりにも多すぎると厄介なバグが発生する可能性があります。 – Jiab77

関連する問題