bootstrap3에서 응답성을 비활성화하는 방법

Bootstrap3에서는 반응형 설정 방법을 금지합니다. 1. 브라우저 뷰포트를 설정하는 "" 태그를 제거합니다. 2. ".container" 클래스의 너비 값을 설정하여 프레임의 기본 너비 설정을 재정의합니다. 3. 모든 탐색을 제거합니다. 막대에는 접기 및 확장 동작이 있습니다.

권장: "bootstrap 튜토리얼"

반응형 레이아웃 비활성화

Bootstrap은 자동으로 다양한 화면 크기에 맞게 페이지를 조정하여 다양한 크기의 화면에서 제대로 작동하도록 도와줍니다. 아래에는 이 비반응형 레이아웃 예제 페이지에서와 같이 이 기능을 비활성화하는 방법이 나열되어 있습니다.

반응형 레이아웃을 비활성화하는 단계는 다음과 같습니다.

• 이 CSS 문서 에 언급된 브라우저 뷰포트(viewport)를 설정하는 태그를 제거하세요.

• .container 클래스의 너비 값을 설정하여 프레임의 기본 너비 설정을 재정의합니다(예: width: 970px !important;). 이러한 설정이 모두 기본 Bootstrap CSS 파일 뒤에 있는지 확인하세요. 미디어 쿼리에 !important를 넣으면 생략할 수도 있습니다.

• 내비게이션 바를 사용하는 경우 모든 내비게이션 바의 접기 및 확장 동작을 제거해야 합니다.

• 그리드 레이아웃의 경우 .col-xs-* 클래스를 추가하거나 .col-md-* 및 .col-lg-*를 바꾸세요. 걱정하지 마세요. 초소형 화면 장치용 그리드 시스템은 모든 해상도로 확장 가능합니다.

• IE8에는 추가 Respond.js 파일을 도입해야 합니다(브라우저의 미디어 쿼리(미디어 쿼리) 지원이 계속 사용되므로 처리가 여전히 수행되어야 함). 이로 인해 모바일 장치에 대한 Bootstrap의 응답성 지원이 비활성화됩니다.

위 내용은 bootstrap3에서 응답성을 비활성화하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!