Использование 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
}

Я составил синтаксис во второй части, очевидно. Суть в том, что я не хочу загромождать свой HTML с помощью CSS.

Answer 1

Я должен попробовать это с SCSS .Тогда вы можете использовать

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

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