2017-09-01 10 views
0

1)私は、ブートストラップを上書きするCSSファイルで、次のメディアクエリーを使用)ページ 2を構築するためにブートストラップを使用。CSSファイルのメディアクエリを使用してBOOTSTRAPを上書きできますか?

@media screen and (min-width: 500px){ 
body {color: #ccc;} 
} 

ブレークポイント後のボディカラーは変更されません。 a)(CSSファイルの)メディアクエリを使用してブートストラップを上書きできますか? b)何がここで間違っていた可能性がありますか?

+0

に表示されて関係なく適用されます。 https://codepen.io/anon/pen/NvoyJr私たちにあなたが 'color'を言うとき –

+0

あなたがテキストの色を意味しています(あなたのコードが実際に何をするか)か、変更したいし、あなたのCSSルールを設定する方法についての詳細を教えて'背景色'? –

答えて

1

はい、あなたのCSSでブートストラップを無効にすることができます。 bootstrap.cssファイルの後にページにcssを含めてください。また、あなたのメディアクエリが意図したことをしているかどうかを再度確認してください。

1

カスタムCSSファイルを作成します。あなたのCSSを書いてください。ちょうどブートストラップCSSファイルの下で、あなたのHTMLにCSSファイルをリンク

0

ソリューション:

だけでカラーコードの後に​​!importantを追加し、あなたが行ってもいいです。

コード:このように

@media screen and (min-width: 500px){ 
    body { 
     color: #ccc !important; 
     } 
} 

説明:!

重要なルールは、あなたのCSSカスケードを作るための方法ですが、また、あなたが感じるのルールを持っています最も重要なものが常に適用されます。 !重要な特性を持っているルールは常に、そのルールは、それが(bootsrap 3 +あなたのCSS)であるとして、それは正常に動作CSSドキュメント

+0

これは重要ではありません:https://codepen.io/anon/pen/NvoyJrうまく動作します。問題は他の場所です;) –

関連する問題