본문 바로가기
spring/게시판

게시판 만들기 (부트스트랩)

by coie 2021. 2. 18.

앞의 게시물들을 보면 

css를 하나도 사용을 안 하다가 

부트스트랩을 이용하면 디자인을

간단하게 할 수 있다! 라고 하여서

찾아본 결과.

getbootstrap.com/

 

Bootstrap

The most popular HTML, CSS, and JS library in the world.

getbootstrap.com

부트스트랩 홈페이지에서

클릭 하여 이동 후,

 

각 링크들을 복사하여 jsp에 붙여놓기를 한 후,

본인이 찾아서 원하는 css를 입히면 된다.

그런데 기본적으로는

jsp의 제일 큰 틀로 div를 주어서 container를 주면 

자동으로 중앙으로 정렬이 된다.

 

이 이외에도

startbootstrap.com/

 

Free Bootstrap Themes, Templates, Snippets, and Guides

Start Bootstrap develops free to download, open source Bootstrap 4 themes, templates, and snippets and creates guides and tutorials to help you learn more about designing and developing with Bootstrap.

startbootstrap.com

와 같이

본인이 원하는 html을 다운로드하여서 그대로 css, js 등을 복붙 하는 경우가 있는데

 

처음 사용하는 나와 같은 경우는 

위의 하나하나 본인이 넣어보는 것이

조금 더 이해하기 쉬울 것 같다.