(Bootstrap) Bootstrap 클래스 정리 (Grid, Text, Table, Image, Alert)

Bootstrap 클래스 정리 (1)

---

부트스트랩에서 사용되는 클래스를 목록으로 정리해 놓았다.

Grid

---

• .col-

---

###### 출력할 화면 크기별

• .col-sm-

• .col-md-

• .col-lg-

• .col-xl-

Text, Font

---

• <h1> ~ <h6>

• .display-1 ~ .display-4

• <small>

• <mark>

• <abbr>

• <blockquote>

Table

---

• .table

• .table-striped

• .table-bordered

• .table-hover

• .table-dark

• .table-borderless

Image

---

• .rounded

  이미지 모양

---

• .rounded-circle

• .img-thumbnail

  이미지 위치

---

• .float-left

• .float-right

• .mx-auto .d-block (가운데)

Alert

---

• .alert

---

###### 알림창 타입

• .alert-success

• .alert-info

• .alert-warning

• .alert-danger

• .alert-primary

• .alert-secondary

• .alert-light

• .alert-dark

---

###### 알림창 닫기 기능

• .alert-dismissible

• <button type="button" class="close" data-dismiss="alert">&times;</button>