spring

spring_인텔리제이에서 부트스트랩 적용하기

ssmm95 2024. 10. 31. 10:27
<!-- 컨트롤러에서 설정이 완벽한데도 타임리프가 작동(자동완성)이 안 되면 그냥 입력하면 된다         -->

 

인텔리제이에서 부트스트랩 적용하기 

(경로확인!)

hellov3-spring 은 현재 작업 프로젝트 폴더라서 거기로 옮겼다

링크 걸어주기서 설정이 완벽한데도 타임리프가 작동(자동완성)이 안 되면 그냥 입력하면 된다 -->

 

 

인텔리제이에서 부트스트랩 적용하기 

 

(경로확인!)

 

hellov3-spring 은 현재 작업 프로젝트 폴더라서 거기로 옮겼다

 

링크 걸어주기

 

* static , templates : 오른쪽 마우스 - 새로만들기 - 경로(패키지)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="/css/bootstrap.css" rel="stylesheet">

 

 

 

- header, footer, js파일 적용

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Home</title>
    <link href="/css/bootstrap.css" rel="stylesheet">
</head>
<body>
<header th:insert="~{header :: header1}"></header>
   <div class="text-center">
       <h1>Hello Spring</h1>
       <p>회원기능</p>
       <p>
           <a href="/members/new">회원 가입</a>
           <a href="/members">회원 목록</a>
       </p>
       <img src="/imeges/fubao.jpg" alt="푸바오" width="400">
   </div>
<footer th:insert="~{footer :: footer1}"></footer>
<script src="/js/bootstrap.bundle.js"></script>
</body>
</html>

'spring' 카테고리의 다른 글

spring_login-spring  (0) 2024.11.01
spring_IntellJ 트리식 구조로 프로젝트 패키지 보기  (0) 2024.10.31
spring_home  (0) 2024.10.30
spring_h2  (0) 2024.10.30
spring  (1) 2024.10.29