부트 스트랩-반응 형 데모

Bootstrap은보다 빠른 모바일 친화적 개발을 위해 몇 가지 도우미 클래스를 제공합니다. 이는 대형, 소형 및 중형 장치와 결합 된 미디어 쿼리를 통해 장치별로 콘텐츠를 표시하고 숨기는 데 사용할 수 있습니다.

이를 아껴서 사용하고 동일한 사이트의 완전히 다른 버전을 작성하지 마십시오. Responsive utilities are currently only available for block and table toggling.

클래스	장치
.visible-xs	매우 작음 (768px 미만) 표시
.visible-sm	작게 (최대 768 픽셀) 표시
.visible-md	중간 (768 ~ 991 픽셀) 표시
.visible-lg	더 크게 (992 픽셀 이상) 표시
.hidden-xs	매우 작음 (768px 미만) 숨김
.hidden-sm	작게 (최대 768 픽셀) 숨김
.hidden-md	중간 (768 ~ 991 픽셀) 숨김
.hidden-lg	더 크게 (992 픽셀 이상) 숨김

예	기술	다운로드 링크
카드 반응 형	이 예는 부트 스트랩의 카드 구조를 나타냅니다.	다운로드
간단한 후기	이 예는 Bootstrap의 회원 평가 구조에 대해 나타냅니다.	다운로드
비디오 그리드	이 예는 부트 스트랩의 그리드 비디오 구조에 대해 나타냅니다.	다운로드
배너 이미지	이 예는 Bootstrap의 배너 이미지 구조에 대해 나타냅니다.	다운로드
얼굴 표시기가있는 회전식 메뉴	이 예는 Bootstrap의 얼굴 표시기 구조가있는 캐 러셀에 대해 나타냅니다.	다운로드