더북(TheBook)

뷰 페이지에 부트스트랩 CSS 연결하기

4. src/main/webapp/WEB-INF/views 폴더의 뷰 페이지 welcome.jsp 파일에 부트스트랩 CSS를 연결합니다.

코드 3-4 BookMarket/src/main/webapp/WEB-INF/views/welcome.jsp

<%@ page contentType="text/html; charset=utf-8" %>
<html>
<head>
<link href="./resources/css/bootstrap.min.css" rel="stylesheet">
<title>Welcome</title>
</head>
<body>
...

 

뷰 페이지에 부트스트랩 CSS 적용하기

5. 부트스트랩이 제공하는 스타일시트를 적용하도록 welcome.jsp 파일을 수정한 후 저장합니다.

코드 3-5 BookMarket/src/main/webapp/WEB-INF/views/welcome.jsp

...
<body>

    <nav class="navbar navbar-expand navbar-dark bg-dark">  
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="./home">Home</a>
            </div>
        </div>
    </nav> 
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.