부트 스트랩 4 - 사용자 정의를위한 주요 CSS/scss입니다. 계단?

Question

나는 Bootstrap 4와 scss (처음으로 만지는 것 모두)를 배우려고 노력 중이며 나는 매우 바보 같다. 그래서 지금, 나는 몸 색깔을 바꿀려고 노력하고있다. variables.scss, bootstrap.css, _reboot.scss, bootstrap-reboot.css에서 시도했지만 아무 것도 ... 콘솔에서 여전히 배경이 흰색 (_reboot.scss : 53에 의해로드 됨)으로 기록됩니다.

그래서 나는 내 변경 적용하는 방법 - 등 배경, 색상, 글꼴, 테두리, ....이 덜, CSS와 같은 것이라고 생각을하지만,이

감사합니다 ... 무섭다.

Answer 1

핵심 부트 스트랩 스타일을 업데이트하는 가장 좋은 방법은 부트 스트랩 스타일을 자신의 파일로 가져 와서 클래스를 편집하는 것입니다. 그러면 클래스가 부트 스트랩 스타일을 덮어 쓰게되고 이후의 부트 스트랩 업데이트로 인해 사용자 정의가 중단되지 않습니다. 새 .scss 파일을 만들고 맨 위에 넣으십시오.

@import "/bootstrap.scss"; 

body { 
    background-color: red; 
} 

그런 다음 부트 스트랩 파일 대신 소스에서 새 파일에 연결하십시오. 여전히 부트 스트랩의 js 파일이 필요합니다.

모범 사례를 따르고 싶지 않은 경우 문제의 다른 해결책은 .css 파일을 만들고 모든 부트 스트랩 파일이로드 된 후이를 참조하는 것입니다. 그러면 부트 스트랩 스타일을 가져올 필요없이 부트 스트랩 스타일이 무시됩니다. 미래를위한 청결하고 다재다능하지는 않지만 당신을 위해 더 쉬울 수도 있습니다.