https://getbootstrap.com/docs/3.3/
Bootstrap · The world's most popular mobile-first and responsive front-end framework.
Preprocessors Bootstrap ships with vanilla CSS, but its source code utilizes the two most popular CSS preprocessors, Less and Sass. Quickly get started with precompiled CSS or build on the source. Full of features With Bootstrap, you get extensive and beau
getbootstrap.com
위의 경로에서 다운로드를 받으면 됩니다.
부트스트랩을 사용하기위해서는 CDN를 받아서 하는 방법과 파일을 받는 방법 2가지가 있습니다.
파일을 받아서 부트스트랩을 사용하는 방법을 알려드리겠습니다.
다운로드 후 폴더에 들어가면 3가지의 파일이 받아진 것을 확인할 수 있습니다.
위 3개 파일을 복사한 뒤 webapp폴더아래 붙혀 넣기를 해줍니다. (eclipse 버전에 따라 webcontent폴더로 나오기도함)
head태그안에 css파일을 받고 body태그 제일 아래에 js파일을 받습니다.
그리고 부트스트랩을 사용하시면 됩니다. 저는 table 태그를 사용하여 table태그의 class속성에 table에 css를 적용시킬수 있는 value를 넣어서 페이지를 꾸몄습니다. 부트스트랩 사용법은 홈페이지에 접속해서 사용법을 확인하면 됩니다. https://getbootstrap.com/docs/3.3/css/#tables
CSS · Bootstrap
For basic styling—light padding and only horizontal dividers—add the base class .table to any . It may seem super redundant, but given the widespread use of tables for other plugins like calendars and date pickers, we've opted to isolate our custom tab
getbootstrap.com
'Frontend > HTML + CSS' 카테고리의 다른 글
| [CSS] CSS로 네비게이션 롤오버 (0) | 2022.10.10 |
|---|---|
| [CSS] 박스 모델 (2) | 2022.10.02 |
| [CSS] 단위(크기), font-size (0) | 2022.10.02 |
| [CSS] 스타일 시트 적용방법, 스타일 우선순위 (0) | 2022.09.27 |
| [HTML] 목록 만들기(ol,ul,li,dl,dt,dd 태그) (0) | 2022.09.27 |
