Bootstrap：将媒体查询用于自定义响应类

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;
 }
}