Bootstrap：Div背景颜色

我是bootstrap的新手，我正在尝试学习基础知识。不过，我已经为div设置了颜色背景，并且只有在调整浏览器大小时才会显示。这里是我的代码：Bootstrap：Div背景颜色

<html> 
<body> 
    <div id="header"> 
     <div class="col-md-8"><img src="images/logo.png"></div> 
     <div class="col-md-4"> 
      <br /> 
      <br /> 
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
      <p> 
       <a href="#">HOME</a> 
       &nbsp; &nbsp; &nbsp; 
       <a href="#">SERVICES</a> 
       &nbsp;&nbsp;&nbsp; 
       <a href="#">NEWS</a> 
       &nbsp;&nbsp;&nbsp; 
       <a href="#">CAREERS</a> 
       &nbsp;&nbsp;&nbsp; 
       <a href="#">CONTACT</a> 
      </p> 
     </div> 
    </div> 
</body> 
</html> 



.container { 
    margin:0px; 
    padding:0px; 
}   

#header{ 
    background-color:#e4e4e4; 
}

在此先感谢您。

来源

2016-02-26 Paul Tibble

您也可以使用，！重要的财产像重写引导CSS代码。

#header{ background-color: #000 !important;}

来源

2016-02-27 05:54:55 Manikandan

你不应该，如果你C使用！重要应该通过使用CSS特异性来解决问题！ –

我将代码复制粘贴到代码笔中，即使我没有调整浏览器大小，它对我也适用并且应用背景色。我发现在你的代码中没有html，body和container的开始标签。确保它没有破裂！快乐的编码！ http://codepen.io/lakshman_kotipalli/pen/qZBbVN?editors=1010

<html> 

<head> 
</head> 
<body> 
<div id="header"> 
<div class="col-md-8"> 
    <img src="images/logo.png"> 
</div> 
<div class="col-md-4"><br/><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <p> 
    <a href="#">HOME</a> &nbsp; &nbsp; &nbsp; <a href="#">SERVICES</a>&nbsp;&nbsp;&nbsp; <a href="#">NEWS</a> &nbsp;&nbsp;&nbsp; <a href="#">CAREERS</a> &nbsp;&nbsp;&nbsp; <a href="#">CONTACT</a></p> 
</div> 
</div> 
</body> 
</html>

来源

2016-02-26 21:13:30

必须使用bootstarp媒体查询

/* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) { 
     #header{ 
    background-color:red; } 
    } 

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) { 
    #header{ 
    background-color:white; } 
    } 
    } 

    /* Small Devices, Tablets */ 
    @media only screen and (min-width : 768px) { 
    #header{ 
    background-color:green; } 
    } 

    /* Medium Devices, Desktops */ 
    @media only screen and (min-width : 992px) { 
    #header{ 
    background-color:blue; } 
    } 

    /* Large Devices, Wide Screens */ 
    @media only screen and (min-width : 1200px) { 
    #header{ 
    background-color:black;} 
    }

来源

2016-02-26 21:57:47

在我看来

不编辑bootstarp文件，创建一个CSS文件，并添加bootstarp媒体查询在该文件中，

不要忘了，包括你的CSS文件引导前

例如

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

来源

2016-02-27 11:02:34

Bootstrap：Div背景颜色

回答

相关问题