스프링 부트스트랩 적용 안됨 - seupeuling buteuseuteulaeb jeog-yong andoem

Posted on 2021-01-10 | In etc

1. 부트스트랩 css 적용 오류

CSS를 적용하기 위해 부트스트랩 사이트에 들어가 CDN을 긁어 head에 삽입하였다.

그런데 웬걸? 적용이 안된다..

개발자 도구를 이용해서 보니 부트스트랩 css만 로드가 제대로 되지 않고 있었다.

해결하기 위해 ‘bootstrap.min.css failed to load resource’, ‘부트스트랩 css 적용 안됨’ 등.. 구글링을 시작했지만 브라우저 캐시 삭제를 포함한 어느 방법도 도움이 되지 않았다.

그래.. 부트스트랩의 버전이 문제인지 몰라. 베타라고 써있잖아? 이전 버전을 사용해보자. previous releases를 눌러 예전 버전을 적용해보기로 했다.

4.5버전을 긁어서 head에 삽입해봤다.

여전히 변하지 않는 post 버튼.. 도대체 뭐가 문제일까

2. 해결 방법

눈물을 머금고 다시 이것저것 시도해본 끝에 css를 적용하는 것에 성공했다.

두둥! post에 css가 적용되었다.

허무하지만 내가 해결한 방법은 부트스트랩 버전 4.4를 적용한 것이다. 최신 버전인 5.0과 4.5를 적용했을 때는 변하지 않던 post 버튼이 4.4의 CSS CDN을 적용하자 위처럼 바뀐 것이다. 뭐 때문에 최신 버전에서는 적용이 안되었는지 모르겠지만 부트스트랩 css가 적용이 안될 때는 버전도 변경해보기를 바란다.