디자인요소 – 색상
경고창
A simple primary alert—check it out!
A simple secondary alert—check it out!
A simple success alert—check it out!
A simple danger alert—check it out!
A simple warning alert—check it out!
A simple info alert—check it out!
A simple light alert—check it out!
A simple dark alert—check it out!
뱃지
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
보더
버튼
버튼 – 아웃트라인
리스트그룹
- A simple default list group item
- A simple primary list group item
- A simple secondary list group item
- A simple success list group item
- A simple danger list group item
- A simple warning list group item
- A simple info list group item
- A simple light list group item
- A simple dark list group item
배경색
.bg-primary
.bg-secondary
.bg-success
.bg-danger
.bg-warning
.bg-info
.bg-light
.bg-dark
.bg-body
.bg-white
.bg-transparent
텍스트
h1. Bootstrap primary
h2. Bootstrap secondary
h3. Bootstrap success
h4. Bootstrap heading
h5. Bootstrap warning
h6. Bootstrap info
h6. Bootstrap light
h6. Bootstrap dark
텍스트 – 링크
h1. Bootstrap primary link-secondaryh2. Bootstrap secondary link-primary
h3. Bootstrap success link-primary
h4. Bootstrap heading link-primary
h5. Bootstrap warning link-primary
h6. Bootstrap info link-primary
h6. Bootstrap light link-primary
h6. Bootstrap dark link-primary
테이블
| Class | Heading | Heading |
|---|---|---|
| Default | Cell | Cell |
| Primary | Cell | Cell |
| Secondary | Cell | Cell |
| Success | Cell | Cell |
| Danger | Cell | Cell |
| Warning | Cell | Cell |
| Info | Cell | Cell |
| Light | Cell | Cell |
| Dark | Cell | Cell |