引導：利用媒體查詢自定義響應類

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