장치 너비에 따라 div 표시/숨기기

Question

화면 너비가 특정 값을 초과/하회하면 부트 스트랩 4를 포함하거나 포함하지 않고 div를 숨길 수 있습니까? 그게 자바 스크립트가 필요합니까? 특히, 특정 텍스트 (모바일 화면에서 쓸모없는 텍스트)를 숨기려고합니다. 나는 "hidden-sm-up"과 같은 수업을 시도했지만 제대로 작동하지 못했습니다. 미안 기본 질문 인 경우 ...

Answer 1

CSS의 미디어 쿼리가 원하는 것입니다.

.mydiv{display:block; /*default behavior*/} 
@media only screen and (max-width: 400px) { 
.mydiv{display:none; /*hide div on all screens with 700 and lower width*/} 
} 

https://jsfiddle.net/qaabhmou/

더 당신이 여기에서 찾을 수 있습니다 (JS와 outpuut 블록 사이의 구분선을 드래그 시도) : https://www.w3schools.com/css/css3_mediaqueries.asp https://www.w3schools.com/css/css3_mediaqueries_ex.asp