위키
포럼
도구
바뀐글
랜덤

"부트스트랩4 숨김 클래스"의 두 판 사이의 차이

 
(같은 사용자의 중간 판 하나는 보이지 않습니다)
20번째 줄: 20번째 줄:
| 모두 보임 || <code>.d-block</code> ||
| 모두 보임 || <code>.d-block</code> ||
|-
|-
| sm 이상 보임 ★ || <code>.d-sm-block</code> ||
| sm 이상 보임 || <code>.d-sm-block</code> ||
|-
|-
| md 이상 보임 || <code>.d-md-block</code> ||
| md 이상 보임 || <code>.d-md-block</code> ||
30번째 줄: 30번째 줄:
!colspan='3'| 조합 사용 예시
!colspan='3'| 조합 사용 예시
|-
|-
| xs 에서만 숨김 || <code>.d-none .d-sm-block</code> ||
| xs 에서만 숨김 ★ || <code>.d-none .d-sm-block</code> ||
|-
|-
| sm 에서만 숨김 || <code>.d-sm-none .d-md-block</code> ||
| sm 에서만 숨김 || <code>.d-sm-none .d-md-block</code> ||
57번째 줄: 57번째 줄:


[[분류: Bootstrap 4]]
[[분류: Bootstrap 4]]
[[분류: Bootstrap 유틸]]

2019년 3월 10일 (일) 20:35 기준 최신판

1 개요[ | ]

Bootstrap 4 Hiding elements
부트스트랩4 숨김 클래스
화면크기 클래스 비고
단독 사용
모두 숨김 ★ .d-none
sm 이상 숨김 ★ .d-sm-none
md 이상 숨김 .d-md-none
lg 이상 숨김 .d-lg-none
xl 에서 숨김 .d-xl-none
모두 보임 .d-block
sm 이상 보임 .d-sm-block
md 이상 보임 .d-md-block
lg 이상 보임 .d-lg-block
xl 에서 보임 .d-xl-block
조합 사용 예시
xs 에서만 숨김 ★ .d-none .d-sm-block
sm 에서만 숨김 .d-sm-none .d-md-block
md 에서만 숨김 .d-md-none .d-lg-block
lg 에서만 숨김 .d-lg-none .d-xl-block
xs 에서만 보임 .d-block .d-sm-none
sm 에서만 보임 .d-none .d-sm-block .d-md-none
md 에서만 보임 .d-none .d-md-block .d-lg-none
lg 에서만 보임 .d-none .d-lg-block .d-xl-none
xl 에서만 보임 .d-none .d-xl-block

2 같이 보기[ | ]

3 참고[ | ]

원본 주소 "https://zetawiki.com/w/index.php?title=부트스트랩4_숨김_클래스&oldid=494497"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}