2017-12-29 13 views
0

저는 SCSS에 익숙하며 부트 스트랩 3을 사용하는 사이트를 부트 스트랩 4를 사용하여 업그레이드하려고합니다. 부트 스와치 3에서는 Bootstrap에서 테마 다운로드로 bootstrap.less 및 variables.less 파일을 대체합니다 . 그러나 SCSS 버전에서 파일은 _bootswatch.scss가 아닌 _bootstrap.scss로 표시됩니다. 부트 스트랩 파일의 이름을 부트 스트랩 이름으로 지정하고 프로젝트에서이 파일을 덮어 쓰거나 부트 스트랩을 가져 오는 아래 @imports에 _bootswatch를 포함시켜야합니까? 또한 bootswatch의 _variables.scss 설정은 부트 스트랩의 설정보다 훨씬 적습니다. 그래서, 실제로 부트 스트랩에서 _variables를 대체하지 않고 부트 스트랩 가져 오기 후에 부트 스와치 버전을 가져 오기만한다고 가정합니다.부트 스트랩을 -bootswatch.scss로 업데이트하려면 어떻게합니까?

UPDATE

이 내 Site.scss에 가지고 있지만 스타일을 따기하지 않는 것 것입니다. 폴더 구조가 올바른 경로입니다. 이들은 Visual Studio의 인텔리 센스에 의해 만들어졌습니다. 이게 효과가 있다고 가정합니다.

@import "SASS/bootstrap/bootstrap.scss"; 
@import "SASS/bootswatch/cerulean/_bootswatch.scss"; 
@import "SASS/bootswatch/cerulean/_variables.scss"; 

답변

0

아래의 파일을 bootstrap.scss 파일로 가져옵니다.

@import "bootswatch"; 
+0

동영상을 보니 짧은 컷을 할 수 있고 밑줄이나 .scss 파일 확장자가 포함되지 않은 것을 보았지만 작동하지 않을 것이라고 생각하고 있습니까? 내가 올린 업데이트가 제대로 작동해야합니까? – Caverman

+0

bootstrap.scss에 추가하면 bootstrap.min.css를 다시 컴파일해야합니다. 나는 이것을 위해 prepros를 사용한다. –

관련 문제