作成時にブートストラップを拡張する反応するアプリケーション

Question

私はsassファイルでboostrapクラスを拡張しようとしています。私はこのexampleのように私の鳴き声を編集しています。

私は/srcフォルダにboostrapファイルをコピーしました。しかし

、この基本的な例使用：

{ "ステータス"：1、 "ファイル"：「C：/サイト/ mharrisweb-Reduxの私はエラーを取得する

@import "bootstrap/*"; 

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

} 

を"/src/sass/style.scss"、 "line"：1、 "column"：1、 "メッセージ"： "インポートするファイルが見つからないか、読めない：bootstrap/。\ n親スタイルシート：C：/サイト/ mharrisweb-redux/src/sass/style.scss "、 "書式設定された "："エラー：インポートするファイルが見つからないか、読めない：bootstrap/。\ n親スタイルシート：src/sass/srcの1行目のC：/sites/mharrisweb-redux/src/sass/style.scss \ n style.scssの\ nを>> @import \ "ブートストラップ/ * \"; \ nは^ \ n」は }

Answer 1

あなたはこのファイル構造がある場合：あなたが使用する必要があります

src     
    bootstrap 
    sass 
    style.scss      

：

を

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

パッケージマネージャ（npmまたは糸）を使用してブートストラップをインストールした場合は、次のように使用できます。

@import "~bootstrap/scss/bootstrap";