我們可以使用CSS文件中的媒體查詢覆蓋BOOTSTRAP嗎？

1）我使用Bootstrap構建頁面 2）我在CSS FILE中使用以下媒體查詢來覆蓋引導。我們可以使用CSS文件中的媒體查詢覆蓋BOOTSTRAP嗎？

@media screen and (min-width: 500px){ 
body {color: #ccc;} 
}

它不會改變折點後的主體顏色。 a）我們可以使用媒體查詢（從CSS文件）覆蓋Bootstrap嗎？ b）任何想法在這裏可能會出錯？

2017-09-01 thirdEye

它可以正常工作（bootsrap 3 +您的css）。 https://codepen.io/anon/pen/NvoyJr告訴我們更多關於你設置你的CSS規則的方式 –

當你說'顏色'是指文本顏色（你的代碼實際做了什麼）或者你想要改變'背景顏色'？ –

是的，你可以用你的CSS覆蓋bootstrap。只需在bootstrap.css文件後在頁面中包含css即可。另外，請仔細檢查您的媒體查詢是否正在執行其打算執行的操作。

2017-09-01 17:44:38 Amit

創建一個自定義的css文件。寫你的CSS。 CSS文件鏈接到你的HTML剛下引導css文件

2017-09-01 17:50:32 ExtremeCode

解決方案：

就在顏色代碼之後添加!important，你是好去。

驗證碼：

像這樣：

@media screen and (min-width: 500px){ 
    body { 
     color: #ccc !important; 
     } 
}

說明：

的重要規則是一種方法，使你的CSS層疊，但也有你覺得規則最重要的是始終得到應用。具有！重要屬性的規則將始終應用，無論該規則出現在CSS文檔中的哪個位置

2017-09-01 18:02:55

不需要！對此很重要：https://codepen.io/anon/pen/NvoyJr它工作正常。問題在別處;） –

回答