[Bootstrap] 반응 형 레이아웃에서 요소를 숨기기 > 기술자료 | 해피정닷컴

[Bootstrap] 반응 형 레이아웃에서 요소를 숨기기 > 기술자료

본문 바로가기

사이트 내 전체검색

[Bootstrap] 반응 형 레이아웃에서 요소를 숨기기 > 기술자료

HTML [Bootstrap] 반응 형 레이아웃에서 요소를 숨기기

페이지 정보


본문

부트 스트랩 v4.0.0 ~
초소형 휴대 전화  (<768px)(Class names : .visible-xs-block, hidden-xs)
대형 장치 데스크톱  (≥1200px)(Class names : .visible-lg-block, hidden-lg)
소형 장치 태블릿  (≥768px)(Class names : .visible-sm-block, hidden-sm)
중형 장치 데스크톱  (≥992px)(Class names : .visible-md-block, hidden-md)


부트 스트랩 4에는 두 가지 유형의 클래스가 있습니다.
hidden-*-up  뷰포트가 지정된 중지 점 또는 넓은 일 때 요소를 숨길 수있다.
hidden-*-down  뷰포트가 지정된 중단 점 이하일 때 요소를 숨 깁니다.


부트 스트랩 v3.2.0 ~ v4.0.0
@media (max-width: @screen-xs-max) { ... }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
@media (min-width: @screen-lg-min) { ... }


부트 스트랩 v3.2.0 미만
초소형 휴대 전화  (<768px) (Class names : .visible-xs, hidden-xs)
소형 장치 태블릿  (≥768px) (Class names : .visible-sm, hidden-sm)
중형 장치 데스크톱  (≥992px) (Class names : .visible-md, hidden-md)
대형 장치 데스크톱  (≥1200px) (Class names : .visible-lg, hidden-lg)


참고자료
https://qastack.kr/programming/14207109/hiding-elements-in-responsive-layout
https://getbootstrap.com/docs/3.4/css/

댓글목록

등록된 댓글이 없습니다.


Total 2,634건 10 페이지
  • RSS
기술자료 목록
2454
그누보드   8044  2021-05-18 13:48 ~ 2021-07-22 12:24  
2453
호스팅   4169  2021-05-14 17:05  
2452
SNS   8554  2021-05-13 19:34 ~ 2021-05-13 19:35  
2451
JavaScript   5336  2021-05-13 17:23 ~ 2021-05-13 17:34  
2450
MySQL   5728  2021-04-27 15:18  
2449
그누보드   5414  2021-04-21 17:55 ~ 2021-06-15 18:19  
2448
Linux   5721  2021-04-07 12:20 ~ 2023-05-23 13:42  
2447
MySQL   11878  2021-03-23 17:46 ~ 2021-03-23 18:04  
2446
PHP   8177  2021-03-04 19:10 ~ 2021-06-22 00:03  
2445
PHP   6917  2021-03-03 16:20 ~ 2021-03-03 16:21  
2444
그누보드   4646  2021-02-25 22:28 ~ 2021-03-17 11:33  
2443
그누보드   6203  2021-02-18 10:28 ~ 2021-02-18 14:10  
2442
그누보드   6607  2021-02-08 14:43 ~ 2021-02-08 16:31  
2441
PHP   11641  2021-01-20 12:07 ~ 2021-01-27 13:35  
2440
전자결제   8719  2021-01-01 01:20 ~ 2021-01-13 19:41  
2439
JavaScript   6609  2020-12-24 19:40  
열람
HTML   5149  2020-12-20 11:42  
2437
SNS   9087  2020-12-18 07:58  
2436
그누보드   7750  2020-12-14 18:09 ~ 2023-04-04 11:18  
2435
SNS   6527  2020-12-11 09:37 ~ 2020-12-18 11:55  

검색

해피정닷컴 정보

회사소개 회사연혁 협력사 오시는길 서비스 이용약관 개인정보 처리방침

회사명: 해피정닷컴   대표: 정창용   전화: 070-7600-3500   팩스: 042-670-8272
주소: (34368) 대전시 대덕구 대화로 160 대전산업용재유통단지 1동 222호
개인정보보호책임자: 정창용   사업자번호: 119-05-36414
통신판매업신고: 제2024-대전대덕-0405호 [사업자등록확인]  
Copyright 2001~2024 해피정닷컴. All Rights Reserved.