bootstrap 썸네일형 리스트형 <Bootstrap> 테이블 꾸미기 첫 부트스트랩 글에서 다루었듯이 이제 내가 쓸 테이블을 한번 꾸며보겠다. 스타일이 입혀지는 과정을 한 단계씩 한번 밟아보겠다. 우선 기본적으로 우리가 쓸 데이터에 맞게 태그와 태그를 작성해주자 당연하겠지만 아무 스타일도 입혀 놓지 않았기 때문에 무미건조한 테이블이 완성이 되었다. 부트스트랩 사용법은 전에도 말했듯이 본인이 사용할 스타일이 적용되어 있는 클래스명을 작성해주면 된다. 우선 보기 편하게 데이터를 추가적으로 더 넣어주고 "table" 이라는 클래스명을 붙여주고 변화를 살펴보자 벌써 클래스명을 입힌것만으로 큰 틀의 디자인이 바뀌었다!!..ㄷㄷ 추가적으로 "table-bordered" "table-hover", "table-striped" 등의 클래스명을 붙여주도록 하곘다. 자세히 보면 홀수 번째 .. 더보기 <Bootstrap>부트스트랩 (Bootstrap) 지금 학원에서 프로젝트를 중인데 게시판 형식의 페이지를 만들어야 해서 테이블 태그를 이용해서 화면을 꾸며야 한다. 물론 꾸밀수는 있지만 개인적으로 가장 귀찮고 손이 많이 가는 블록이라 꺼려했었다... 그런데 주위에서 그럼 부트스트랩 써보면 되지 않냐고 해서 강의를 듣게 됬는데 간단하게 정리해보겠다. 부트스트랩이란?! 간단히 내 식대로 정리하자면 "이미 남이 정리해놓은 CSS 를 갖다가 쓰는 것이다." 제이쿼리와도 매우 비슷한데 그 대상이 HTML CSS 로 바뀐것이다. 이 한마디로 표현 할 수 있겠다 간단히 사용방벙과 부트스트랩을 이용해서 버튼하나를 나타내 보겠다. 검색창에 bootstrap cdn 이라고 입력한 뒤에 화면이 보이는 곳으로 간뒤 CDN 링크를 복사 해준뒤에l 편집기를 열고 링크를 걸어주면.. 더보기 이전 1 다음
