如何讓媒體查詢在引導程序中工作？

我正在嘗試使用媒體查詢來改變使用Bootstrap框架的某個div中的字體大小，但無法使其更改字體大小。如何讓媒體查詢在引導程序中工作？

這裏是鏈接：

這裏是代碼：

@media (min-width: @screen-sm-min) { 
    .logodiv h1 { 
     font-size:36px; 
     line-height: 36px; 
    } 
}

我想改變的大小是在主標題「BLOOD BIKES威爾士」的措辭頂部的紅色字體。

任何幫助感激地收到

謝謝

2013-12-20 Graffiker

你在哪裏把這個代碼嗎？它應該工作，但它需要在LESS處理的上游。例如，您無法在靜態覆蓋CSS文件中使用它。 – isherwood

這是在一個CSS文件 - 你是什麼意思上游LESS處理？ – Graffiker

你的代碼，包括變量，瀏覽器不知道該怎麼做。您需要直接使用CSS：

@media (min-width: 768px) { 
    .logodiv h1 { 
     font-size:36px; 
     line-height: 36px; 
    } 
}

或者將您的LESS代碼編譯到合適的CSS中。

2013-12-20 15:01:54 isherwood

謝謝 - 你的第一個建議很好用，所以我會用這種方法，因爲我不懂LESS編碼。 – Graffiker

不客氣。如果有幫助，請注意並且/或者接受這個答案。 – isherwood

回答