만들기 부트 스트랩 확장 반응 응용 프로그램

Question

내 sass 파일에서 boostrap 클래스를 확장하려고합니다. 나는이 example에서와 같이 나의 쉰 소리를 편집하고있다.

부풀음 파일을 내 /src 폴더에 복사했습니다.

그러나이 기본 예제 사용 :

{ "상태": 1, "파일"

@import "bootstrap/*"; 

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

} 

을 나는 오류가 "C :/사이트/mharrisweb-REDUX /src/sass/style.scss ", "줄 ": 1, "열 ": 1, "가져 오기 파일을 찾을 수 없거나 읽을 수 없습니다 : 부트 스트랩/. \ n 부모 스타일 시트 : C :/sites/mharrisweb-redux/src/sass/style.scss ", " 형식 : "오류 : 가져 오기 또는 읽을 수없는 파일 : 부트 스트랩/. \ n 상위 스타일 시트 : src/sass/; style.scss \ 없음 >> @import \ "부트 스트랩/* \"이 파일 구조가있는 경우 \ n^\ n " }

Answer 1

는 :

는

src     
    bootstrap 
    sass 
    style.scss      

당신은 사용해야합니다

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

패키지 관리자 (npm 또는 yarn)를 사용하여 부트 스트랩을 설치 한 경우 다음을 사용할 수 있습니다.

@import "~bootstrap/scss/bootstrap";