2016-11-14 71 views
0

我对Bootstraps非常陌生,试图使用它们的grid system。但是我现在无法更改背景颜色。我的样式表工作正常,因为我可以更改容器类的背景颜色。我假设Bootstraps的一些东西是重写我的身体背景颜色和字体。在使用Bootstraps网格时更改身体的背景颜色

谢谢。

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> 

CSS

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

回答

3

你应该包括你的样式引导的,就像这样:

<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用于多个元素。希望这可以帮助!