Spring Boot + Thymeleaf + Bootstrap 5 + gradle

build.gradle

// 타임리프
implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
implementation 'nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect' /* 레이아웃 */

// 타임리프 - Bootstrap
implementation 'org.webjars:webjars-locator:0.45'
implementation 'org.webjars:bootstrap:5.1.3'

 

Spring Boot + Thymeleaf

implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'

 

Thymeleaf Layout

implementation 'nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect'

 

Bootstrap 5

implementation 'org.webjars:bootstrap:5.1.3'

Bootstrap 5부터 jquery의 의존성이 제거되었습니다.

Bootstrap 4의 경우에는 jquery 추가가 필요합니다.

https://mvnrepository.com/artifact/org.webjars.bower/jquery

 

 

WebJars의 버전을 자동 확인하는 라이브러리

implementation 'org.webjars:webjars-locator:0.45'

 

버전 종속을 제거하는 라이브러리를 추가했다는 전제로 아래와 같이 추가

<link rel="stylesheet" th:href="@{/webjars/bootstrap/css/bootstrap.min.css}" />
<script th:src="@{/webjars/popper.js/umd/popper.min.js}"></script>
<script th:src="@{/webjars/bootstrap/js/bootstrap.min.js}"></script>