Twitter bootstrap 如何让媒体查询在引导中工作？

我试图使用引导框架使用媒体查询来更改某个div中的字体大小，但无法让它更改字体大小

以下是链接：

代码如下：

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

我想更改的字眼是顶部红色字体的主标题“BLOOD BIKES WALES”

感谢您的帮助

---

谢谢

您的代码包含一个变量，浏览器不知道如何处理该变量。您需要使用直接CSS：

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

或者将更少的代码编译成适当的CSS

---

您将代码放在哪里？它应该可以工作，但它需要在较少处理的上游。例如，你不能在静态覆盖CSS文件中使用它。它在CSS文件中-你所说的较少处理的上游是什么意思？谢谢你-你的第一个建议很有效，所以我将使用该方法，因为我不理解较少的编码。不客气。如果这个答案有帮助，请投票和/或接受。