development♥/부트스트랩이용해서 홈페이지 만들기

부트스트랩 css 적용 안될때 홈페이지 만들기 제작 (6)

리니❤ 2022. 9. 21. 09:04
반응형

 

 

 

부트스트랩을 적용했는데 원하는 화면이 안뜨고

 

아래처럼 뜨는경우가 있는데요! 

css가 적용이 안된경우입니다

 

 

 

 

 

 

 

 

css가 적용이 안된이유는

servlet-context.xml에서 

location 이부분은 기본경로는 resources로 하겠다 이런말이고

mapping 에서 /resources/** 이말은 

/ = resource를 말함 (location에서 기본경로를 resource로 잡아뒀기때문)

resources = /(기본경로 resources)에서 또 resources 

 

즉   /resources/** 이건 기본경로resources에서 resources라는 파일에서의 파일들을 의미함

 

 

 하지만 아래 사진에서 

assets,css,js는 resources안에 또 resources 안에 있는게아니라

기본경로에서 바로 파일들이 있기때문에

" /**" 로 변경해줘야함

 

 

 

 

 

 

 

빨간부분을 아래사진처럼 변경해주기

 

 

 

 

 

<resources mapping="/resources/**" location="/resources/" /> 이렇게 사용할경우

css랑 다른파일들의 경로는

resources - resources -assets

                                    -css

                                    -js

 

하지만 지금같은 경우

<resources mapping="/**" location="/resources/" /> 이럴경우

css랑 다른파일들의 경로는

resources - assets 

                 - css

                 - js

 

 

경로를 수정해주고 저장하면

 

아래처럼 원하는 부트스트랩 화면이 나옴

 

 

 

 

 

 

 

 

 

반응형