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背景顏色

回答

相關問題