부트스트랩4 숨김 클래스

1 개요

Bootstrap 4 Hiding elements

부트스트랩4 숨김 클래스

Screen Size	Class
항상 숨김	.d-none
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
xl 에서만 숨김	.d-xl-none
항상 보임	.d-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 같이 보기

• CSS display

3 참고

• https://getbootstrap.com/docs/4.1/utilities/display/