24'C 구름 많음
서울 강남구
| 매우 작은 기기 모바일폰 (<768px) | 작은 기기 태블릿 (≥768px) | 중간 기기 데스크탑 (≥992px) | 큰 기기 데스크탑 (≥1200px) |
.visible-xs-* | 보임 | 숨겨짐 | 숨겨짐 | 숨겨짐 |
.visible-sm-* | 숨겨짐 | 보임 | 숨겨짐 | 숨겨짐 |
.visible-md-* | 숨겨짐 | 숨겨짐 | 보임 | 숨겨짐 |
.visible-lg-* | 숨겨짐 | 숨겨짐 | 숨겨짐 | 보임 |
.hidden-xs | 숨겨짐 | 보임 | 보임 | 보임 |
.hidden-sm | 보임 | 숨겨짐 | 보임 | 보임 |
.hidden-md | 보임 | 보임 | 숨겨짐 | 보임 |
.hidden-lg | 보임 | 보임 | 보임 | 숨겨짐 |
v3.2.0 부터, .visible-*-* 클래스는 3가지 형태로 나옵니다. | ||||
클래스 그룹 | CSS display | |||
.visible-*-block | display: block; | |||
.visible-*-inline | display: inline; | |||
.visible-*-inline-block | display: inline-block; | |||
그래서, 예를들어 매우 작은 (xs) 화면은 .visible-*-* 의 형태인 3가지 클래스가 가능합니다: .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block. | ||||
.visible-xs, .visible-sm, .visible-md, .visible-lg 는 아직 존재합니다만 v3.2.0 부터 deprecated 되었습니다. |