如何让媒体查询在引导程序中工作？

我正在尝试使用媒体查询来改变使用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

回答