-
Bootstrap 3
(bs-23
, 2017.01.09)
1.
BS 지원 form 구성요소
input
textarea
checkbox
radio
select
※ 아래 예제 코드들을 <form> 태그 안에 넣어서 사용.
1-1.
BS - Input
1.
BS는…
-
Bootstrap 3
(bs-13
, 2017.01.08)
※ 주의: CSS3 (트랜지션, 애니메이션) 효과 : IE9이하, Fierfox구버전, Opera12이하 경우 지원 X
Progress Bar : 작업진행상태 표시.
Progress Bar 기본
<div class="progress">
<div c…
-
Bootstrap 3
(bs-12
, 2017.01.08)
BS3 : Glyphicon 지원 O
BS4 : Glyphicon 지원 X
Glyphicon
glyphicon 소개
BS에 포함된 각종 서식에 사용 가능한 아이콘. (260개 제공)
Glyphicon구문
<span …
-
Bootstrap 3
(bs-10
, 2017.01.08)
Button 클래스
.btn (기본 버튼) - 회색 버튼
.btn-default (기본/표준 버튼) - 흰색 버튼
.btn-primary (주요/핵심 버튼) - 파란색 버튼
.btn-success (성공/긍정 버튼) - 녹색 버튼
.btn-info (정보/환기 버튼) - 하늘색 (=아쿠아 색) 버튼…
-
Bootstrap 3
(bs-6
, 2017.01.07)
image
image 클래스 종류
[모양]
.img-rounded : 곡선 이미지 (= 꼭지점이 둥근 이미지)
.img-circle :원형 이미지
.img-thumbnail : 액자 이미지 (= 액자처럼 …
-
CSS
(css-236
, 2017.01.05)
목차
@media 예제 - 해상도 600px 이하 시, 배경색 별도 지정
@media 정의
@media 구문
미디어별 다른 외부스타일시트 적용
미디어 유형 (media type)
미디어 특징 (media feature)
IE9 미만 적용 반응형 스크립트
…
-
CSS
(css-235
, 2017.01.05)
목차
align-self 예제 - 교차축 기준으로, 아이템 자체 정렬
align-self 정의
align-self 구문
align-self 관련 주소
align-self 예제 - 교차축 기준으로, 아이템 자체 정렬
…
-
CSS
(css-234
, 2017.01.05)
목차
order 예제 - 아이템 순서 재조정
order 정의
order 구문
order 예제 - 아이템 순서 재조정
<style>
#hz {
width: 400px;
&nb…
-
CSS
(css-233
, 2016.12.29)
목차
flex-flow 예제 - (flex-direction / flex-wrap) 속성 일괄 정의
flex-flow 정의
flex-flow 구문
flex-flow 관련 주소
flex-flow 예제 - (flex-direction / flex-wrap) 속…
-
CSS
(css-232
, 2016.12.29)
목차
align-content 예제 - 줄바꿈 시, 교차축 기준 라인 정렬
align-content 정의
align-content 구문
align-content 예제 - 줄바꿈 시, 교차축 기준 라인 정렬
<style> …