Twitter bootstrap 3 .scss文件无法从引导加载卡类

我在一个scss文件中编码，并将引导程序导入其中，但从引导程序加载card类时出现错误

@import "bootstrap-sass/bootstrap";
@import 'bootstrap/dist/css/bootstrap.min.css';

.wrapper-card-1{
    @extend .card; 
    @extend .card-body;
    @extend .card-complete-transparent;
    .card-heading{
        @extend .card-title; 
        @extend .bold;
    }   
    .card-para{
        @extend .card-text; 
        @extend .para;
    }
    .card-button{
        @extend .btn; 
        @extend .btn-primary; 
        @extend .no-border; 
        @extend .bold; 
        @extend .color-blue;
    }
    .card-image{
        @extend .card-img-top;
    }
}

无论如何，我还是得出了下面的错误

错误：“.wrapper-card-1”未能@extend.card”