扩展bootstrap创建反应的应用程序

Question

我想在我的sass文件中扩展boostrap类。我正在编辑我的杂志，如example。

我已经将boostrap文件复制到我的/src文件夹中。

然而，使用这种简单的例子：

@import "bootstrap/*"; 

.header{ 
    @extend .container; 
    background-color:red; 

} 

我得到的错误：

{ “状态”：1， “文件”：“C：/网站/ mharrisweb - 终极版/src/sass/style.scss“， ”line“：1, ”column“：1, ”message“：”要导入的文件未找到或不可读：bootstrap/。\ n父类型表：C：/ sites/mharrisweb-redux/src/sass/style.scss“， ”格式化“：”错误：导入未找到或无法读取的文件：bootstrap/。\ n父类型表：C：/sites/mharrisweb-redux/src/sass/style.scss \ n在src/sass/style.scss \ N >> @import \ “引导/ * \”; \ n^\ n”个 }

Answer 1

如果你有这样的文件结构：

src     
    bootstrap 
    sass 
    style.scss      

你应该使用：

@import "../bootstrap/scss/bootstrap"; 

如果您使用软件包管理器（npm或纱线）安装Bootstrap，可以使用：

@import "~bootstrap/scss/bootstrap";