我正在尝试创建一个类来扩展 Bootstrap scss类：

@import '../../../node_modules/bootstrap/scss/bootstrap';
.settings-card {
  @extend .my-3;
  max-width: 30rem;
}

扩展没有抱怨找不到.my-3（所以我假设它在那里，如果没有导入它会抱怨）。
这将导致只设置了max-width的类。
真实的的设置要复杂一些，因为我使用的是vue和bootstrap vue，这就是它在一个vue组件中的样子：

<style lang="scss" scoped>
@import '../../../node_modules/bootstrap/scss/bootstrap';

.settings-card {
  @extend .my-3;
  max-width: 30rem;
}
</style>