从 Bootstrap 扩展-vue scss

fd3cxomn  于 2022-12-16  发布在  Bootstrap
关注(0)|答案(1)|浏览(123)

我正在尝试创建一个类来扩展 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>
icomxhvb

icomxhvb1#

请查一下

@use '../../../node_modules/bootstrap/scss/bootstrap';

相关问题