bootstrap4媒体查询混合不起作用

Question

我在将 mixin 用于媒体查询断点时遇到问题。我已经包含 variables.scss 和 _breakpoints.scss，但是每当我尝试调用查询时，它都会给我一个错误：

        li.product{
        width:100%;

        @include media-breakpoint-up(md) {
            width:48%;
        }
        @include media-breakpoint-up(lg) {
            width:22.05%;
        }
    }

当我尝试编译时它会喷出这个错误：

formatted: Error: Invalid CSS after "...a-breakpoint-up": expected "{", was "(lg) {"

我应该如何编写查询？

Answer 1

我有一个错字，写的是@media，而不是@include。现在可以了。