引導殺死我的媒體查詢代碼

Question

這裏是我的@media查詢代碼：

@media (max-width:1200px) { 
    html { background-color: red; } 
} 

此代碼的工作，但直到我添加了引導CSS。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"> 
<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> 

當我添加bootstrap時，我的@media查詢停止工作。

Answer 1

引導套（相當於）：

body { 
    background-color: white; 
} 

所以，你可能只需要改變你的選擇，以body沒有任何問題：

@media (max-width:1200px) { 
    body { 
     background-color: red; 
    } 
}