引导：利用媒体查询自定义响应类

Question

我想通过引导，做下面做一个自定义类：

• 当屏幕尺寸为xs：然后使文本左对齐。

以下是我有：

@media (max-width: 767px) { 
    .text-left-xs{ 
    @extend .text-left; 
    } 
} 

然而，当我运行它：这里是错误，我得到：

您可能无法从@media内@extend外选择。 您只能在相同的指令中使用@extend选择器。

我该如何做这项工作？

Answer 1

.text-left-xs { 
@media (max-width: 767px) { 
    text-align: left; 
} 
}