선이데이
2022. 4. 30. 04:27
부트스트랩 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