Twitter bootstrap 3 SASS引导的媒体查询

Twitter bootstrap 3 SASS引导的媒体查询,twitter-bootstrap-3,sass,gruntjs,Twitter Bootstrap 3,Sass,Gruntjs,当前引导版本3.3.7 如果所有引导sass的媒体查询都已弃用,我尝试运行一个媒体查询,但在下面不断出现错误 如何在引导sass中使用媒体查询 My style.scss文件 @media (min-width: @screen-lg-min) { .navbar{ height: $navbar-height * 2; } } SASS中的变量标记为$符号,而不是@。所以这条线应该是这样的: @media (min-width: $screen-lg-min) { .na

当前引导版本
3.3.7

如果所有引导sass的媒体查询都已弃用,我尝试运行一个媒体查询,但在下面不断出现错误

如何在引导sass中使用媒体查询

My style.scss文件

@media (min-width: @screen-lg-min) {
.navbar{
    height: $navbar-height * 2;
}
}

SASS中的变量标记为
$
符号,而不是
@
。所以这条线应该是这样的:

@media (min-width: $screen-lg-min) {
    .navbar{
        height: $navbar-height * 2;
    }
}

SASS中的变量标记为
$
符号,而不是
@
。所以这条线应该是这样的:

@media (min-width: $screen-lg-min) {
    .navbar{
        height: $navbar-height * 2;
    }
}

请发布代码,而不是截图你需要发布你的
style.scss
文件,但看起来你有一个变量设置为
@screen lg min
@FredBarclay,我已经包括了我的style.scss,媒体查询示例。屏幕截图是显示变量文件中的页面的原样。@Barryman9000,我添加了一个媒体查询,我尝试使用下面的示例创建该查询。如果我运行
grunt
错误就会出现。@Anthony Cano-对,你不应该使用
@
符号。我在上面的评论中应该更清楚,你不能在sass中使用变量的
@
符号,它应该是
$screen lg min
请发布代码,而不是截图。)你需要发布你的
style.scss
文件,但看起来你有一个变量设置为
@screen lg min
@FredBarclay,我已经包括了我的style.scss,媒体查询示例。屏幕截图是显示变量文件中的页面的原样。@Barryman9000,我添加了一个媒体查询,我尝试使用下面的示例创建该查询。如果我运行
grunt
错误就会出现。@Anthony Cano-对,你不应该使用
@
符号。我在上面的评论中应该更清楚,您不能在sass中使用变量的
@
符号,它应该是
$screen lg min