위키
포럼
도구
바뀐글
랜덤

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

37번째 줄: 37번째 줄:
|-
|-
| lg 에서만 숨김 || <code>.d-lg-none .d-xl-block</code>
| lg 에서만 숨김 || <code>.d-lg-none .d-xl-block</code>
|-
| xl 에서만 숨김 || <code>.d-xl-none</code>
|-
|-
| xs 에서만 보임 || <code>.d-block .d-sm-none</code>
| xs 에서만 보임 || <code>.d-block .d-sm-none</code>

2019년 3월 3일 (일) 17:07 판

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=493059"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}