css - 未知规则 @include css(unknownAtRules) 错误,同时在 css 文件中包含 @include

标签 css twitter-bootstrap bootstrap-4 angular-bootstrap bootstrap-cards

我正在尝试使用 Bootstrap 4 卡片布局来自定义卡片列。但是,如果我在我的 css 文件中编写此代码,为什么它会显示错误?

错误显示在 VS code :
未知规则 @include css(unknownatrules)

HTML 文件

<div class="card-columns">
  <div class="card" *ngFor="let item of vision">
    <div class="card-header">{{item.heading}}</div>
    <carousel [showIndicators]="false">
      <slide *ngFor="let item of vision">
        <img class="card-img-top embed-responsive embed-responsive-16by9" [src]="item.img" alt="vision image">
      </slide>
    </carousel>
  </div>
</div>

CSS 文件

.card-columns {
  @include media-breakpoint-only(md) {
    column-count: 3;
  }
  @include media-breakpoint-only(lg) {
    column-count: 4;
  }
}

最佳答案

@include 是 SASS 功能而不是 CSS 功能。
或者,您可以通过以下方式关闭警告

  "css.lint.unknownAtRules": "ignore"

引用:https://github.com/microsoft/vscode/issues/53175

https://github.com/stylelint/stylelint/issues/3190

关于css - 未知规则 @include css(unknownAtRules) 错误,同时在 css 文件中包含 @include,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62093214/

相关文章:

html - 调整大小时更改跨度位置 : Twitter Bootstrap

jquery div 在 bootstrap 中折叠/展开

html - 如何在 bootstrap 4 下拉菜单中应用网格系统使其像附加图像一样成形?

javascript - 在 D3 中创建圆形图表?

html - Outlook 2013 条件不工作

css - 设置不同大小的按钮文本行、css、javafx

html - 以类 X 定位除第一个元素以外的所有元素,其中父元素在开头有另一个没有类 X 的元素

javascript - Bootstrap 导航栏是否可以像 Bootstrap 选项卡一样工作?

html - 按照推荐的文档引导切换按钮不起作用

javascript - 单击父 div 时切换复选框