2016-11-14 3 views
0

私はブートストラップには新しく、grid systemを使用しようとしています。しかし私は体の背景色を今変更することはできません。私のスタイルシートが動作しているので、コンテナクラスの背景色を変更できます。私はブートストラップで何かが私の体の背景色とフォントをオーバーライドしていると仮定します。ブートストラップグリッドを使用しているときに身体の背景色を変更する

ありがとうございました。

HTML

<!DOCTYPE HTML> 
<html lang="en"> 
    <head> 
     <link rel="stylesheet" href="styles/style.css"> 
     <link rel="stylesheet" href="styles/bootstrap.min.css"> 
    </head> 
    <body> 
     <div class="container"> 
      <div class="clearfix"> 
       <div class="col-md-6">.col-md-6</div> 
       <div class="col-md-6">.col-md-6</div> 
      </div> 
     </div> 
    </body> 
</html> 

body{ 
    font-family: Arial; 
    background-color: #455A64; 
} 

答えて

3

あなたは、あなたのスタイルシートを含むべきであるCSS ブートストラップの、そのような後:

<link rel="stylesheet" href="styles/bootstrap.min.css"> 
<link rel="stylesheet" href="styles/style.css"> 

ブートストラップは、あなたのコード内で最後に含まれているため、そのCSSは0123で定義されたスタイルをオーバーライドしています。必要に応じてスタイルを適切に上書きできるように、使用するすべてのフレームワーク/ライブラリの後にスタイルシートを含めるのが一般的です。

0

それは練習を持っていないされていますが、

を行うことができます
<body style="font-family:Arial; background-color:#455A64"> 
-------- 
</body> 
あなたも身体に scoped style tagsを使用することができますが、それは簡単に編集することができますよう、それは使用してだけでなく、別のあなたのCSSを保つために良い習慣だ

複数の要素に対して同じCSS。お役に立てれば!

関連する問題