부트스트랩 css / js 추가하기
css는 <head>안에 추가
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
js는 body끝나는 지점에 추가
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" ></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
위의 두개가 한개로 합쳐진게 bundle이다
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
static/css/style.css 추가 하는 법
th:href="@{/}" /까지가 8080까지고
/css/style.css 는 static폴더 안의 폴더를 넣는다
<link rel="stylesheet" th:href="@{/css/style.css}">
반응형
LIST
'Spring boot | 쇼핑몰 만들기 | 어글리 마켓 > 홈페이지 만들기 | 고객,관리자' 카테고리의 다른 글
| 페이지 수정하기 (0) | 2022.04.30 |
|---|---|
| 에러나서 문자 그대로 불러올때 @ModelAttribute 와 Model 객체 차이 (0) | 2022.04.30 |
| 페이지 추가 (0) | 2022.04.30 |
| 페이지 만들기 (0) | 2022.04.30 |
| 스프링부트 프로젝트 세팅 에러 (0) | 2022.04.29 |