SASS引导媒体查询/ sass文件

我正在尝试使用SASS Bootstrap建立一个响应式网站,但我遇到了sass样式表的问题.

当我包含我的样式表的sass版本时,它只选择我的HTML的某些元素,如顶级元素,而不是行或列中的任何内容,而CSS版本的工作完全正常.

我还为我的媒体查询制作了一个单独的样式表,它没有响应!

头:

脚本:

媒体查询:

$screen-lg-min: 1200px;
$screen-md-min: 992px;
$screen-sm-min: 768px;

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Sass Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: $screen-sm-min) { 

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: $screen-md-min) { 

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: $screen-lg-min) { 

.header .navigation ul.primary-menu > li a {
    font-size: 1.145em;
    padding: 0 1.24em;
}
}

我可能做错了什么但是如果有人可以提供任何帮助我会很感激.