SASS Bootstrap 的媒体查询答案

【问题标题】：Media Queries for SASS BootstrapSASS Bootstrap 的媒体查询
【发布时间】：2016-08-22 15:08:53
【问题描述】：

当前引导版本3.3.7

是否已弃用 bootstrap-sass 的所有媒体查询，我尝试运行一个媒体查询并在下方不断出现错误。

如何在 bootstrap-sass 中使用媒体查询？

See Error Below 我的 style.scss 文件

@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

【解决方案1】：

SASS 中的变量标有$ 符号，而不是@。所以这条线应该是这样的：

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

【讨论】：