Bootstrap：利用自定义响应类的媒体查询

Question

我想通过bootstrap创建一个自定义类，执行以下操作：

• 当屏幕尺寸为xs时：然后将文字左对齐。

这就是我所拥有的：

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

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

  

你可能不会在@media中扩展外部选择器。   您只能在同一指令中@extend选择器。

我该如何做到这一点？

Answer 1

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