Twitter bootstrap 3 如何使用SCS生成包含引导类的类

我的问题是，我有几个div都是这样的：

<div class="col-sm-4 col-md-3 col-lg-2">
  ...

HTML:

...

---

但这不起作用。有什么方法可以做到这一点吗？

为了能够使用extend，您还应该确保使用

@import

在项目中包括引导。 （美国联邦法规）

所以基本上你会使用

@import“bootstrap”（使用引导sass项目：）

如果引导未包含在SCS中，则无法扩展这些类


例如：

/* Import bootstrap-sass so that we have access to all of its selectors */
@import "bootstrap";

.product-layout {
    @extend .col-sm-4;
    @extend .col-md-3;
    @extend .col-lg-2;
}

引导肯定包含在我的SCSS文件之前。在SCSS文件之前包含是不够的（如果您的意思是包含在html中并带有不同的标记）。应将其导入文件中。否则，您将无法访问选择器。如果已包含
bootstrap.css
文件，将其导入我的SCSS文件会导致任何问题吗？我认为这不会导致问题，但会导致大量不必要的重复代码。因为你基本上已经包含了两次引导程序，“这不起作用”并没有描述问题？什么不起作用？你有错误吗？你的硬盘格式化了吗？
<div class="product-layout">
  ...

/* Import bootstrap-sass so that we have access to all of its selectors */
@import "bootstrap";

.product-layout {
    @extend .col-sm-4;
    @extend .col-md-3;
    @extend .col-lg-2;
}