grid - 在列的行上使用“@include media”会扰乱波旁威士忌的转变

Question

一直想出这个相当恼人的错误 - 当我的代码是

benefits {
@include outer-container;

.benefit_text {
    @include span-columns(4);
    @include shift(2);
}

.benefit_list {
    @include omega();
    @include span-columns(4);

}

.testing {
    @include shift(2);
    @include span-columns(8);
    @include omega();
}


}

但是，如果我尝试添加媒体断点，则对齐方式应该是这样，例如

benefits {
@include outer-container;

.benefit_text {
    @include span-columns(4);
    @include shift(2);
    @include media($tablet) {
        @include span-columns(9);
        @include shift(0);
    }
}

.benefit_list {
    @include omega();
    @include span-columns(4);
    @include media($tablet) {
        @include span-columns(9);
    }
}

.testing {
    @include shift(2);
    @include span-columns(8);
    @include omega();
}

}

最后一个 div 的对齐出于某种原因（大约一列半太多）这发生在较大的屏幕上，即使一旦我击中我的 $tablet 断点（即 768px , 9)

令人沮丧，因为示例http://neat.bourbon.io/examples/没有解决其列如何在调整大小时下降到全宽（尤其是多行示例）我什至尝试将两列包装成一行包装器并将移位应用于包装器，但这似乎将两个列挤在一起，感谢您的帮助！