Bootstrap을 검색해서 사이트에 접속한다.
Bootstrap
The most popular HTML, CSS, and JS library in the world.
getbootstrap.com
Get started 링크를 눌러줍니다.
Introduction에서 읽어보시면 CSS, JS를 복사하는 부분이 있습니다.
index.html을 생성해서 기본 틀을 만들어주고 복사한 것들을 붙여 넣어줍니다. (혹은 후술하는 examples templete에서 시작할 수도 있음)
CSS는 <head>안에 link href부분에 대체하고
JS는 문서 마지막 script src부분에 그대로 대체하면 됩니다.
왼쪽 탭에서 원하는 링크를 눌러서 마음에 드는 디자인으로 골라 html을 복사해서 추가해주면 됩니다.
상단 바에서 examples를 눌러보면 이미 만들어진 템플릿을 받을 수 있는데
거기서 다운로드 받거나 마우스 우클릭 > 페이지 소스보기를 통해 html을 그대로 복사하거나
일부를 따서 적용시킬 수 있습니다.
bootstrap templete을 다운받아서 사용하는 것도 좋지만 원하는 것을 하나 하나 골라서
적용시키는 재미도 있고 막연하게 시작하는 것보다 공부하면서 이해하며 진행하니
초보자에게 더 유리한 방법인 것 같습니다.
'문과생애긔개발자_공부 > Spring Springboot' 카테고리의 다른 글
| 01 스프링, 스프링부트 입문 (Spring Initializr) (2) | 2022.04.11 |
|---|