부트스트랩(Bootstrap) 사용법

순서:

1) Bootstrap 다운로드

2) src >> resources 폴더에 저장

3) header/footer.jsp에서 로딩

4) 원하는 component 복붙

1) Bootstrap 다운로드

링크: http://getbootstrap.com/

2) src >> resources 폴더에 저장

3) header/footer.jsp에서 로딩

<header.jsp>

<link href="<c:url value='/resources/public/script/jquery-ui/jquery-ui.css" rel="stylesheet'/>">
<link href="<c:url value='/resources/public/bootstrap/css/bootstrap.css" rel="stylesheet'/>">

<footer.jsp>

<script src="<c:url value='/resources/public/script/jquery/jquery-3.1.1.js'/>"></script>
<script src="<c:url value='/resources/public/bootstrap/js/bootstrap.js'/>"></script>
<script src="<c:url value='/resources/public/bootstrap/js/bootstrap.js'/>"></script>

4) 원하는 component 복붙

참고 사이트:

http://getbootstrap.com/components/

http://www.w3schools.com/bootstrap/default.asp