img-responsive2 [bootstrap] Bootstrap 이용하기 05 (170406) Bootstrap 이용하기 05 Panel 이용하기- panel의 색상 클래스 : panel-primary, panel-success, panel-info, panel-warning, panel-danger- panel은 panel heading, panel-body, panel-footer 로 구성된다.- panel 속에 table을 넣을 수 있다.- panel 속에 li를 넣을 수 있다.- insert효과를 well클래스로 줄 수 있다. ** 출력 결과 ** - 패널 예제- 패널 안에 크기가 유동적인 이미지를 넣기 위해서는 img-responsive 클래스를 이용한다. ** 출력 결과 ** ProgressBar 이용하기- progress-bar, progress-bar-(color속성:success,.. 2017. 4. 6. [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. 이전 1 다음
