WEB기초/Bootstrap6 [bootstrap] Bootstrap 이용하기 02 (170405) Bootstrap 이용하기 02 Button 이용하기- 색상별로 default, primary, success, info, warning, danger이 있다.- 크기별로 btn-xs, btn-sm, btn-lg 가 있다.- btn-block을 이용해 100% 크기의 버튼을 이용할 수 있다.- Anchor 요소에 class를 줘서 버튼 스타일로 이용이 가능하다.- disabled class로 버튼 사용을 막을 수 있다.- anchor요소는 disabled와 동시에 href에 "javascript:"를 줘야 새로고침을 막는다. ** 출력 결과 ** Form 이용하기- form-group 속 input클래스로 form-control이 와야한다.- form을 가운데 정렬하거나 크기 조정을 하려면 form밖에 .. 2017. 4. 5. [bootstrap] Bootstrap 이용하기 01 (170404) Bootstrap 이용하기 bootstrap 이용하기- CDN 사용하기 1. 홈페이지에 접속한다. (http://getbootstrap.com/) 2. http://getbootstrap.com/getting-started/ 에서 CDN을 복사한다. 3. head영역에 링크를 붙인다. 4. 사용한다! ** 출력 결과 ** - 다운로드 받아 사용하기- 다운받은 css, fonts, js를 폴더 안에 넣는다.- 로딩한다.- 사용한다! Bootstrap GridSystem 이용하기- 12칸으로 나눈 것을 기준으로 하여 일정하게 배열할 수 있도록 하는 시스템- col-xs, col-sm, col-md, col-lg를 이용한다. #grid system을 유용하게 사용하기 위해 768px, 992px, 1200px.. 2017. 4. 4. 이전 1 2 다음