代码之家  ›  专栏  ›  技术社区  ›  Sedky A

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

  •  0
  • Sedky A  · 技术社区  · 5 年前

    这可能是个很愚蠢的问题,但我需要做的是。

    我有这个html代码:

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

    我怎样才能让它看起来像这样:

    索引文件

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

    小精灵

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

    显然,我在第二部分中编造了语法。重点是,我不想把我的html和css混在一起。

    0 回复  |  直到 5 年前
        1
  •  1
  •   Jakub Bajzath    5 年前

    我应该试试 SCSS . 那你就可以用

    @import "node_modules/bootstrap/scss/bootstrap";
    
    .myClass {
      @extend .col-xs-12;
    }