使用CSS类继承引导网格系统

Question

这可能是一个非常愚蠢的问题，但这是我需要做的。

我有这个html代码：

<div class="col-xs-12 col-md-6 col-lg-4">
     ...stuff
</div>

如何让它看起来像这样：

index.html

<div class="myClass">
      ...stuff
</div>

index.css

.myClass {
  col-xs-12
  col-md-6
  col-lg-4
}

我显然在第二部分中构成了语法。重要的是，我不想用CSS弄乱HTML。

Answer 1

我应该尝试使用SCSS。然后您可以使用

@import "node_modules/bootstrap/scss/bootstrap";

.myClass {
  @extend .col-xs-12;
}